미리보기

Back Office 컨트롤룸 클라이언트 개발

• 본사 및 외부 파트너사가 사용하는 컨트롤룸을 더 편리하고 유용하게 사용할 수 있도록 하고, 어드민으로서 매력적인 기능들을 지속 개발하여 사용도를 높였습니다.

• 운영 및 관제하는 본사 관리자들의 편의성 향상에 기여하였습니다.

• 기존에 외부 툴 사용 등으로 파편화되어 있던 배달 권역/구역 관리 포인트들 - 컨트롤룸 기준으로 통합 관리할 수 있도록 기능 개발하여 운영 효율화 및 리소스 절감에 기여하였습니다.

바로고 개발자 사이트 클라이언트 개발

• 파트너사가 연동 개발부터 테스트, 오픈까지 쉽고 빠르게 진행할 수 있도록 가이드하는 개발자 사이트의 클라이언트를 개발하여 기존 산재된 연동 프로세스를 통합하고 간편화하였습니다.

함께 성장하는 개발 문화 조성에 기여

• 사내 프론트엔드 Vue3 스터디를 능동적으로 참여하였으며, 타입스크립트 스터디를 만들어 리딩하였습니다.

• 개발 아티클 및 미트업을 적극적으로 공유하고 배포 절차와 같은 팀 온보딩 가이드를 문서화하였습니다.

본사 및 외부 파트너사가 사용하는 어드민 페이지 고도화

• 다수의 이해 관계자가 존재하는 복잡한 프로덕트 - 권한에 따라 페이지, 기능 분기 처리

• 사용하지 않는 의존성 패키지 및 중복 코드를 제거하여 성능 개선에 기여

• Webpack -> Vite로 마이그레이션 하여 빌드 속도 향상

• GraphQL 을 통해 데이터 요청 최적화, Apollo client 링크 체인을 사용한 데이터 흐름 제어와 캐싱 전략 구현

• 같은 데이터로 다른 view를 보여주어야 하는 복잡한 트리구조 UI 핸들링 경험

• Kakao Map API , Naver Map API를 이용하여 배달 영역 관리 기능 클라이언트 개발

  • 지도 인스턴스에 폴리곤 CRUD 기능 적용

  • 다량의 폴리곤 표기를 위한 대용량 좌표 데이터 요청 핸들링 경험

• 전통적인 Container - Presenter 아키텍처에서Feature-Sliced Design 아키텍처로 리팩토링 진행

• Broadcast Channel API 를 사용한 로그인 만료 처리

• AbortController API 을 통한 비동기 작업 중단처리로 UX 개선

Tech Stack

• JavaScript

  • TypeScript 마이그레이션

• Vue.js

  • Vue 2 지원 종료로 인해 Vue 2 -> Vue 3마이그레이션

• Vuex

  • Pinia 마이그레이션

• Webpack

• Vite

• Vuetify

• Graphql

  • Apollo Client

• Uber H3, Turf.js

파트너사가 연동 개발을 시작하고 오픈할 수 있게하는 개발자 사이트 개발

• 연동 가이드, 연동 규격, 연동 관리, 테스트 지원 도구 등을 제공

• 초기 설계 단계부터 참여 및 개발

• 유저 입력에 Debounce를 적용하여 바로 중복 검사 결과를 확인할 수 있도록 구현

• 클라이언트 세션 로그인 구조 설계 및 클라 전용 쿠키 사용으로 재로그인 시점 판단

Tech Stack

• TypeScript

• Vue 3

• Vuetify

• Pinia

• Vite

• Axios

Migration Tech Stack

(Vue3 -> React로 마이그레이션 진행 중)

• React

• React-query

• zustand

• tailwind-css

• biome

인턴 커리큘럼 참여

• OpenWeatherMap API를 이용한 토이 프로젝트를 진행하며 커리큘럼 진행

  • 정책 및 화면 기획

  • 회원가입, 로그인 구현 (JWT token)

  • 같은 store를 바라보는 다른 view 구현

  • 도커라이징

  • 에러 핸들링 레이어 설계

  • jest 테스트 케이스 작성 맛보기

• Tech Stack

  • Vue 2

  • JavaScript

  • Docker

  • Jest

실무 프로젝트 투입

• 인턴으로 팀에 인볼브되어 실무를 경험

• 주문과 배달을 중계하는 커넥션 플랫폼팀 스크럼 합류

• 애자일한 개발 문화 및 스프린트 경험

바로고의 좌충우돌 개발인턴 과정 도입기 (바로고 테크 블로그)
개발 인턴 과정을 진행하며..feat. 예상치 못한 것들 (바로고 테크 블로그)