KIM DONG JU

ABOUT MESKILLSEXPERIENCEPROJECT

김동주 EAST

https://github.com/KIM-DONGJU
http://tistory.kdj-portfolio.com

친화성 좋음

정이 많음

성실성 높음

성취 지향적

끈기있는

성격 및 태도

소통을 좋아하는

적극적인

개발성향

사용자 중심적

보기 좋은 코드

생년월일

95/04/25

kdj0689@gmail.com
010-6627-0689

스킬 정보

ABOUT ME

안녕하세요. 소통하는 것을 좋아하는 개발자 김동주입니다!

평소 사용자의 관점에서 생각하며 개발하려 노력하고 있습니다. 업무적인 스트레스는 거의 없으며, 동료들과의 활발한 소통을 통해 즐겁게 회사 생활을 하고 있습니다. 또한, 서비스 개선에 대해 사용자 입장에서 고민하고 의견을 제안하는 편이라, 종종 다가가기 쉬운 개발자라는 평을 듣곤 합니다.

개발을 할 때는 협업하기 좋은 코드인지, 그리고 성능적으로도 무리가 없는지를 항상 고민합니다. 코드에 정답이 있는 건 아니지만, 가능한 한 재사용성을 높이고 팀이 함께 유지보수하기 좋은 코드를 작성하려 노력하고 있습니다.

SKILLS

LANGUAGES

3

Javascript

3

Typescript

3

HTML

3

CSS

FRAMEWORKS

3

Vue.js

2

Nuxt.js

2

React.js

2

Next.js

AWS

2

S3

2

Route53

2

CloudFront

EXPERIENCE

개발 경력3년 8개월

2022-12 ~ 2024-06

전 직장

1년 7개월

(주) 바로고

사장님 플랫폼팀

프로

Skill keywords

Vue.js

Pinia

Javascript

Typescript

GraphQL

Storybook

  • 매장에 라이더를 연결해주는 배달 대행 플랫폼
  • 바로고 사장님 모바일 웹 버전의 유지보수 및 기능 추가
  • 사장님들을 위한 어드민 사이트인 모두의 사장님 개발 리드

    • 2021-07 ~ 2022-12

    전 직장

    1년 6개월

    (주) 티오더

    프론트엔드팀

    Lead

    Skill keywords

    Vue.js

    Pinia

    Vuex

    Javascript

    Typescript

    S3

    Route53

    CloudFront

    Storybook

  • 매장에서 태블릿으로 주문을 할 수 있게 하는 태블릿 오더 플랫폼
  • 티오더 태블릿 서비스 리팩토링 및 유지보수, 기능 추가 전담
  • 매장에서 사장님들이 사용하는 어드민(마스터) 리팩토링 및 유지보수, 기능 추가 전담
  • 티오더 통합 인증 사이트 프론트엔드 개발 리드
  • 내부 직원용 CRM 사이트 프론트엔드 개발 리드

    • 2020-12 ~ 2021-06

    전 직장

    7개월

    홈디즈

    프론트엔드 개발자

    사원

    Skill keywords

    Vue.js

    Vuex

    Javascript

    S3

    Route53

    CloudFront

  • 휴먼 포즈 에스티메이션 기술을 기반으로 집에서 아동들이 따라하며 놀 수 있는 비대면 유아 플랫폼
  • 홈디즈 웹 사이트 개발 및 배포

    • 2019-01 ~ 2019-12

    전 직장(비개발)

    12개월

    (주)시원코리아

    KISA 핀테크기술지원센터 운영

    사원

    Skill keywords

    비개발 경력

  • 한국인터넷진흥원(KISA)의 핀테크기술지원센터에서 센터 운영 업무 담당
  • 핀테크기술지원센터 홈페이지 관리 및 신규 핀테크 기술 조사

    • PROJECTS

    2022-12 ~ 2024-06

    바로고 사장님 모바일 서비스

    (주) 바로고

    Skill keywords

    Vue.js

    Pinia

    Javascript

    Typescript

    GraphQl

    매장에서 사장님들이 사용하고 있던 POS 기반의 배달 중계 프로그램인 바로고 사장님 프로그램을 모바일 웹 버전으로 개발

  • Javascript에서 Typescript로의 마이그레이션 주도
    • 컴포넌트를 유지보수하는 과정에서 휴먼에러가 자주 발생하여 Typescript로 마이그레이션 진행
    • 마이그레이션을 통해 공용 컴포넌트 재사용성 향상
  • Vue3 컴포넌트를 defineComponent에서 script setup 형태로 리팩토링 주도
    • Vue.js 공식 홈페이지에서 권장하는 방식으로 리팩토링 진행
    • Composition API의 장점을 활용해 각 컴포넌트를 기능 단위로 코드 그룹화하는 방식으로 리팩토링 수행
  • 채널톡, 설정, 매출 조회 등 데스크탑 버전과 동일한 기능을 모바일 웹 버전으로 개발
  • 주문 관련 코드 리팩토링을 통한 버그 수정 및 유지보수성 향상
    • 스코프 체이닝으로 인해 얽혀있는 주문 관련 코드들을 기능 단위의 함수로 분리하여 가독성 향상
    • 특정 코드가 불필요하게 호출됨으로 인해 발생하고 있던 버그 수정

    • 2023-06 ~ 2023-11

    모두의 사장님 프로젝트

    (주) 바로고

    Skill keywords

    Vue.js

    Pinia

    Typescript

    GraphQL

    Storybook

    TanStack Query

    매장을 운영하는 사장님들이 바로고 서비스를 더욱 효과적으로 사용할 수 있도록 지원하는 사장님용 어드민 사이트인 '모두의 사장님' 사이트 개발 리드

  • Vue CLI 기반으로 Vue3 기반의 Typescript 프로젝트 구축, script setup 문법 사용
  • TanStack Query(Vue Query) 일부 적용
    • 서버 상태값을 효율적으로 관리하기 위해 도입
    • 캐싱 기능을 통해 불필요한 API 요청 감소
  • 디자이너와 협업하여 일부 디자인 시스템 구축 및 스토리북 적용
    • 각 페이지별로 다른 UX를 제공하는 부분들을 나중에 싱크를 맞추는 어려움을 겪어 있어 디자인 시스템 제안
    • CommonButton, CommonInput 등 공통 컴포넌트 위주로 디자인 시스템 구축
  • 1차 개발 목표인 회원 가입, 로그인, 회원 정보 변경, 회원 탈퇴, 부가세 다운로드 구현

    • 2021-07 ~ 2022-12

    티오더/마스터 태블릿 서비스

    (주) 티오더

    Skill keywords

    Vue2

    Vuex

    Javascript

    매장에서 사용자들이 태블릿을 통해 주문할 수 있게 하는 티오더 태블릿 서비스와 매장 직원이 매장 설정을 손쉽게 관리할 수 있는 태블릿용 어드민인 마스터 서비스 유지보수 및 기능 개선, 추가 작업 전담

  • 티오더 태블릿 서비스 성능 개선을 위한 코드 리팩토링
    • 리렌더링이 필요 없는 컴포넌트를 함수형 컴포넌트로 전환
    • 장바구니에 상품 추가 시 모든 상품이 불필요하게 리렌더링되던 문제 수정
    • 초기 렌더링 시 불필요한 컴포넌트가 함께 렌더링되던 문제 수정
    • 300개 상품 기준, 장바구니에 상품 추가 속도를 vue-devtools 기준 400ms에서 150ms로 개선
    • 초기 렌더링 속도를 vue-devtools 기준 약 500ms에서 300ms로 개선
  • 다국어 기능 추가
    • 다국어 번역 파일을 aws를 통해 관리하여 외부에서 수정 가능하도록 구현
    • 언어의 변경으로 인해 UI가 깨지는 부분들 별도로 수정
  • 코로나 대응용 전자출입명부 입력 페이지 개발
  • 룰렛 이벤트 구현을 통해 광고 매출 증가 기여
    • 테블릿 성능을 고려하여 룰렛 이미지를 css transition 통해 회전시키는 방향 제안 및 적용
    • 서버에서 보내준 룰렛 이미지와 상품 정보, 회전 각도 등을 통해 룰렛 구성 및 회전 구현
  • 유지보수를 위한 App.vue 코드 리팩토링
    • 초기 개발시 작성되었던 불필요한 코드 제거
    • root component인 App.vue에 있을 필요가 없는 비즈니스 로직 분산
    • 기존 약 8000줄의 코드를 3000줄로 개선
  • 마스터 서비스 신규 테마 개발

    • 2022-07 ~ 2022-11

    CRM 프로젝트

    (주) 티오더

    Skill keywords

    Vue.js

    Pinia

    Typescript

    Storybook

    S3

    Route53

    CloudFront

    내부 직원이 CS 응대, 영업 관리를 위해 사용할 내부 직원용 CRM 프로젝트 개발

  • Vue CLI 기반으로 Vue3 기반의 Typescript 프로젝트 구축, script setup 문법 사용
    • Vue의 공식 버전이 Vue3으로 업데이트되고, Vue2의 유지보수가 2023년까지로 예정됨에 따라 Vue3 사용을 결정
  • CRM 스크럼의 프론트엔드 팀 리드, 요구사항 및 일정 관리
    • CRM 스크럼에서 본인을 포함한 4명의 프론트엔드 팀을 리드
    • 각 팀원별 업무 분담 및 기능 단위의 일정 관리
    • 자주 변경되는 요구사항으로 인해 페이지별 일관성이 맞지 않는 부분을 통일하기 위해 기획팀과 적극적으로 소통
  • AWS S3 배포 및 Route53을 통해 도메인 설정, CloudFront를 통해 HTTPS 통신 설정
  • Git Actions를 통한 CI/CD 배포 자동화 구현
  • 로그인한 유저 등급에 따른 메뉴 접근 권한 설정 구현

    • 2022-03 ~ 2022-06

    통합인증 프로젝트

    (주) 티오더

    Skill keywords

    Vue.js

    Pinia

    Typescript

    Storybook

    S3

    Route53

    CloudFront

    티오더의 모든 서비스에서 사용할 OAuth 기반 통합 인증 서비스 개발을 전담

  • Vue CLI 기반으로 Vue3 기반의 Typescript 프로젝트 구축, script setup 문법 사용
    • Vue의 공식 버전이 Vue3으로 업데이트되고, Vue2의 유지보수가 2023년까지로 예정됨에 따라 Vue3 사용을 결정
  • 아이폰에서 채팅창이 올라올 때 UI가 깨지는 현상 발견 및 가변 vh 적용을 통해 수정
  • AWS S3 배포 및 Route53을 통해 도메인 설정, CloudFront를 통해 HTTPS 통신 설정
  • Git Actions를 통한 CI/CD 배포 자동화 구현

    • 2020-12 ~ 2021-06

    쿠키쥬 웹 퍼블리싱

    홈디즈

    Skill keywords

    Vue2

    S3

    Route53

    CloudFront

    집에서 아동들이 율동을 따라하며 놀 수 있게 하는 비대면 유아 놀이 사이트 개발

  • Vue CLI 기반의 Vue2 사이트 개발
  • 데스크탑과 태블릿 사이즈를 고려하여 일부 반응형 적용
  • AWS S3 배포 및 Route53을 통해 도메인 설정, CloudFront를 통해 HTTPS 통신 설정

    • 2024-08 ~

    리그오브레전드 사용자 설정 게임 관리 사이트 (wc-lol)

    개인

    Skill keywords

    Next.js

    Typescript

    Tanstack Query

    Tailwindcss

    Supabase

    Route53

    AppRouter

    회원가입 및 그룹에 등록한 멤버들끼리 리그오브레전드 사용자 설정 게임을 생성 및 기록 관리 할 수 있는 사이트 개발

  • Next.js 기반의 Typescript 프로젝트 구축, AppRouter, Tailwindcss 적용
  • Tanstack Query를 통해 서버 상태값 관리
  • Supabase를 통한 구글 회원가입, 로그인, 대전 생성 등의 기능 구현
  • Supabase의 트리거 기능을 통해 연승/연패에 따른 멤버 점수 자동 등락 기능 구현
  • Route53을 통해 도메인 설정, Vercel 도메인과 연결
  • 현재는 관리자가 직접 그룹에 멤버를 추가하는 방식이지만, 추후 그룹 가입 신청 기능 추가 예정 및 그룹에 속한 멤버만 정보를 볼 수 있도록 변경 예정