My Projects

V3 PC 웹 설계와 구축 · 주문·리뷰·문의 운영 UI

여러 쇼핑몰의 상품과 주문, 고객 응대를 한곳에서 처리하는 이커머스 운영 서비스입니다.

V3 PC 웹을 주도적으로 구축하고 React Native 앱의 장기 운영, 두 차례 업그레이드, 네이티브 배포와 S3 OTA를 맡았습니다.

React
Vite
TypeScript
TanStack Query

Next.js 점주용 제품 개발 · React Native WebView 셸 운영

매머드커피 점주앱

CirclePlatform WALDLUST

매출·수발주·배달·마케팅 등 매장 운영 업무를 한곳에서 처리하는 매머드커피 점주용 앱입니다.

Next.js 점주 웹과 React Native 셸을 운영하며 기능 개발, 인증·브리지 보안, S3·CloudFront OTA와 스토어 배포를 맡고 있습니다.

Next.js
React
React Native
TypeScript

주문 내역과 상태별 UI · 선불카드 등록·충전·관리

매머드오더

CirclePlatform

매머드커피 매장 주문과 선불카드·선물 기능을 제공하는 고객용 앱입니다.

리뉴얼에서 주문 내역·상세와 선불카드·선물함, 관련 공통 UI를 구현했습니다.

React
TypeScript
Vite
TanStack Query

RN 모노레포 구조 설계 · Figma 디자인시스템 구현

삼성화재 컨시어지

WALDLUST

삼성화재 임직원·배달원 앱의 RN 모노레포와 공통 패키지 구조, 웹·모바일 디자인시스템 및 앱별 배포 체계를 설계하고 구현했습니다.

RN 모노레포와 공통 패키지 구조를 설계하고, 웹·모바일 디자인시스템과 앱별 OTA·TestFlight·Play 내부 테스트 배포를 구성했습니다.

Figma
React
React Native
TypeScript

Expo 앱 구성 · EAS Update 운영

오너그라운드 점주앱

CirclePlatform WALDLUST

매머드커피·텐퍼센트·더리터 등 7개 프랜차이즈 브랜드의 약 2,800개 매장을 위한 점주용 대시보드 앱입니다.

앱 빌드와 업데이트 배포를 자동화하고 네트워크·WebView 오류가 나도 다시 시도할 수 있도록 개선하고 있습니다.

React Native
Expo
TypeScript
EAS Update

app-in-toss 제품 개발 · 지도와 목록 상태 연결

토스 앱에서 주변 카페를 찾고 주문한 뒤 준비 상태까지 확인하는 위치 기반 커피 주문 서비스입니다.

지도 탐색과 메뉴·장바구니·주문 흐름, SSE 주문 상태 UI와 대량 메뉴 가상화를 구현했습니다.

React 18
TypeScript
Vite
TanStack Router

모바일 예약 UX · 비회원 세션 상태

고마워 토토 베트남

WALDLUST

날짜와 시간, 인원을 골라 이용 일정을 예약하는 베트남 모바일 서비스입니다.

사용자 예약 웹과 운영 화면에서 좌석 재확인, 홀드 타이머, 확정·취소 상태를 구현했습니다.

React
TypeScript
TanStack Query
React Hook Form

Next.js App Router · Turbo 멀티앱 구조

소상공인이 상품 등록부터 주문과 클레임까지 관리하는 판매 플랫폼입니다.

판매자·구매자·운영자 앱과 공통 UI 패키지를 구성하고 AI 상품 등록·편집, 주문·클레임, 미디어 업로드를 구현했습니다.

Next.js 15
TypeScript
Turbo
React Server Components

생성형 AI 제품 UI · Fabric Canvas 편집기

Aitoon

Aivill

캐릭터·배경 생성부터 컷 편집, 스토리 각색, 전문가 협업까지 이어지는 AI 웹툰 제작 플랫폼입니다.

프론트엔드를 맡아 AI 생성, Canvas 편집, 스토리 각색과 전문가 협업 UI를 구현했습니다.

React
Vite
JavaScript
Recoil

AI 이미지 편집 UX · WebSocket 비동기 상태

PhotoLabs

Aivill

제품 사진을 생성하고 부분 수정하는 AI 이미지 편집 플랫폼입니다.

프론트엔드를 맡아 AI 편집 흐름, WebSocket 작업 상태, Canvas 도구와 다국어 UI를 구현했습니다.

React
Vite
TypeScript
TanStack Query