미리보기

프로덕트 팀 개발자로 B2C, B2B 초기 서비스 구축 및 유지보수를 담당하였습니다.

• 초기 커머스 구축 및 카테고리 시스템 제작

• 6개 이상의 프로젝트 관리를 위한 Monorepo 도입

• BFF 구조 도입 및 코드 레거시 청산

• 동물병원 앱 웹뷰 서비스 개발 및 운영 (Expo & Next)

• 운영담당자가 사용하는 백오피스 구축

• CRM 마케팅을 위한 퍼널 구조 개선

• mixpanel 도입 및 전사가 보는 데이터 플로우 구축

인공지능을 이용한 글로벌 서비스의 반응형 웹 프론트엔드를 전담하였으며, 디자인 외주팀을 리드하여 서비스를 구축 및 운영하였습니다.

• React CRA를 이용해 반응형 웹서비스 제작

• Redux와 Context Api를 활용해 전역 상태 관리 및 props 복잡도 개선

• 결제 UX 퍼널 개선하여 구매 CVR 1% 향상

• GA4 도입 및 GTM을 통한 유저 데이터 수집

• i18n을 통한 4개 국가의 다국어 지원

케어펫 커머스는 반려동물 보호자를 위한 맞춤 영양제,간식 커머스 서비스입니다.
초기 커머스 서비스를 제작의 Frontend와 Backend를 담당하였으며, 전사가 보는 PA 대시보드 구축 및 퍼널 데이터 플로우를 공유하여 데이터 기반 의사결정 문화를 전파하였습니다.

웹사이트 : 바로가기

기술스택 : NextJS , Typescript , SWR , tailwind , NestJS , PostgresQL , Slonik , GCP , Vercel

• 초기 커머스 서비스 제작, NextJS의 ISR, SSR, SSG를 활용하여 초기 커머스 서비스 구축

• 멀티레포에서 모노레포로 레포관리 방식을 변경, 6개 이상의 프로젝트를 관리에 콘텍스트 스위칭 비용 감소 및 초기 프로젝트 셋팅 시간이 감소

• BFF구조 도입, 기존 DDD 패턴의 코드베이스 단순화, 개발 시간을 30% 단축 및 기존 API의 오버페칭 문제 해결

• 카테고리 시스템 구축, 기존 상품 정보에 들어있던 카테고리를 분리하여 트리 구조로 MD가 카테고리 수정, 이동을 용이하게 변경

• Mixpanel 이벤트 관리, Pre-login, Login 유저 스티칭, 스크롤 Depth 수집 등 커머스 서비스 유저 로그 이벤트 전체 관리

• 체험단 퍼널 개선, SWR Session-Storage에 퍼널정보를 저장하도록 퍼널을 도입하여, 상세한 리뷰를 수집하고 퍼널간 이탈률을 수집할 수 있도록 개선

• 백오피스 구축, 상품 추가, 정보 변경, 제조사 관리 등에 실무자가 사용하는 백오피스를 구축하여 업무 시간 단축

케어펫 동물병원앱은 동물병원 원장님들이 매일 사용하는 웹뷰 앱 서비스입니다.
서비스의 앱, 웹 Frontend 개발을 전담하였으며, 외부 앱 빌더를 이용하던 앱을 Expo로 마이그레이션하며 테스트, 빌드 및 배포를 용이하게 변경하였습니다.

앱 스토어 : 원링크 바로가기

기술스택 : Expo , NextJS , Typescript , SWR , tailwind , Vercel

• 외부 앱 빌더를 RN 기반의 Expo로 마이그레이션 진행 및 버전관리, 배포 전담

• State 차트를 이용해 복잡한 장바구니 페이지 설계

• 페이지 권한 유효성 검사를 위해 middleware를 통해 토큰 인증 시스템 구축

• Flutter의 Scaffold 레이아웃을 차용해 모바일 레이아웃 컨벤션 공유

Moonjin은 작가와 독자를 위한 뉴스레터 서비스 입니다.

8인 이상의 디자이너, 개발자, 작가와 협업하여 서비스를 제작하였으며, 팀 운영 및 프론트엔드 개발을 담당하였습니다.
기술스택 : NextJS , Typescript , SWR , tailwind , NestJS , PostgresQL , Slonik , AWS , Vercel , TurboRepo

[Moonjin 페이크도어 페이지]

• slack API를 통한 초기 사용자 150명 모집

[Moonjin 뉴스레터]

• NextJS와 Typescript를 이용해 팀 내 프론트엔드 개발 전담

• 서비스 개발 과정에서 GitHub Actions를 활용하여 자동화 배포 파이프라인를 구축하여, 백엔드 개발자가 직접 EC2 서버를 업데이트하는 번거로움을 해소함.

• EditorJS 라이브러리를 활용하여 글판 제작 및 사용자에게 보여지는 글 상세페이지 SSR 구현을 위한 EditorJS의 JSON을 html로 컨버팅 컴포넌트 제작

• 이메일 전송을 위한 이메일 엔진, 컨버터, 템플릿을 공유 패키지로 제작

• 마이페이지 작가와 독자에게 서로 다른 화면을 보여주기 위해 Layout에 레벨에 따른 분기 처리