미리보기

동남아시아 쇼핑 커뮤니티 플랫폼 Rayover 개발

• 서비스 기획 단계부터 참여하여 전체 프론트엔드 개발 주도

• Next.js로 반응형 화면을 구축하고, React Native WebView로 앱 환경 대응 → 코드 재사용 극대화

• OneSignal Push Message 도입으로 실시간 알림 시스템 구현

동남아시아 인플루언서 마케팅 플랫폼 charisad.com 개발

• 프로젝트 생성·메인 화면 등 핵심 UI 설계·구현으로 사용성 개선

• 상태 관리 방식 전환(Redux‑Toolkit → React‑Query + Zustand)으로 서버·클라이언트 데이터 분리, 유지보수성 향상

B.CRADLE 개발 및 유지보수

• 자사 및 코스맥스 계열사 CRM 툴인 B.Cradle 프로젝트 참여

• JavaScript 코드를 TypeScript로 전환해 코드 품질·안정성 강화

• i18n 도입으로 영어·중국어 등 다국어 지원

• Web Push·WebSocket으로 실시간 알림·데이터 송수신 기능 구현

• pnpm + Turborepo 모노레포 설계로 서비스·어드민 분리 및 공통 패키지 관리 효율화

Draft 페이지 개발 및 유지보수

• CRA → Vite로 빌드 환경 교체, 초기 페이지 로드 시간 약 3 초 단축

• Tailwind CSS로 퍼블리싱 생산성 향상, React‑Query + Zustand 구조로 데이터 일관성 확보

똑닥을 이용하는 병원에서 활용하는 어드민 페이지의 메인 홈페이지 개편.

폐쇄된 사이트였던 클래스 허브의 레거시 코드를 바탕으로 새롭게 재구축 하는 업무 진행.

홈쇼핑 송출용 수파자 선생님 검색 페이지를 퍼블리싱.

개요

• 동남아 사용자 대상의 모바일 퍼스트 쇼핑 관련  커뮤니티 서비스

• 피드 게시물, 후기·좋아요, 실시간 알림 등 사용자 참여 기능 포함

본인의 역할

• 프론트엔드 개발자로 기획 참여

• OneSignal 푸시 알림 도입

• CodeDeploy를 활용한 프론트엔드 CI/CD 작업

• Vitest를 활용한 TC 작성

• 트렌딩 콘텐츠 페이지, 리워드 페이지를 포함한 다수 페이지 구현

• Next.js 반응형 웹을 React Native WebView로 감싸 단일 코드베이스 유지

기술 스택

• Next.js, React Native (WebView), TypeScript, Zustand, TanStack Query, OneSignal, Tailwind CSS, Vitest

개요

• 자사 및 코스맥스 계열사 통합 CRM 플랫폼(B2B)

• 고객·주문·재고·캠페인 데이터를 하나의 대시보드에서 실시간 관리

• 사내 PAGOS 결제·물류 시스템과 연동, 다국어·다통화 지원

본인의 역할

• 프런트엔드 개발자로 신규 기능 설계·구현, 외주 코드 품질 개선 전담

• 외주 코드 JavaScript → TypeScript 마이그레이션 진행

• i18n 라이브러리 구축(한국어·영어·중국어)