플러스프로젝트 배경
크리에이터 커머스, 브랜드 입점·샘플 배분, 쿠폰·카드 결제 등 뷰티 커머스 운영 핵심 흐름을 먼저 파악하고, 회원 인증부터 장바구니·결제·반품 신청까지 전 플로우를 사전 구현했습니다. 로그인·상품 탐색·구매·주문 관리·마이페이지 등 실제 운영 시나리오 5가지를 사전에 검증해둔 덕분에, 4주 안에 현장에서 바로 쓸 수 있는 뷰티 커머스 앱을 완성해 드릴 수 있습니다.
프로젝트 성과
17개 화면 전체 오류 없이 동작 확인
회원 가입·로그인부터 크리에이터 탐색, 장바구니·결제, 반품 신청까지 17개 화면 모두 화면 깨짐·기능 오류 없이 정상 동작
실제 사용 흐름 214가지 직접 검증
로그인·상품 탐색·결제·마이페이지·알림 등 실제 사용 흐름 214가지를 배포 전 직접 검증해 전 기능 안정성 확인
크리에이터·브랜드·상품 3원 커머스 구조
크리에이터 5명, 브랜드 5개, 상품 10개를 연결하는 커머스 구조로 카테고리 필터·검색·상세·샘플 신청 흐름을 하나의 앱에서 구현
쿠폰 할인·결제·주문 상태 자동 관리
BEAUTY10 쿠폰 10% 자동 할인, 카드 결제 후 주문 ID 생성. 결제완료→배송준비→배송중→배송완료 4단계 주문 상태 자동 전환
서버 없이 44개 화면 바로 시연 가능
Next.js 정적 빌드 44개 화면을 Cloudflare Pages에 배포. 별도 서버·DB 없이 데모 링크로 앱 전체를 직접 체험할 수 있는 상태로 납품
핵심 기능
크리에이터 커머스 & 브랜드 입점 구조
크리에이터가 상품을 큐레이션하고 브랜드가 직접 입점 신청하는 3원 커머스 구조. 상품 상세에서 담당 크리에이터·브랜드 정보를 함께 표시
진행 단계
공고 분석 및 파일럿 설계
2026.04.
뷰티 커머스 요구사항 17개 기능 분류 후 GitHub 이슈 등록. Next.js 14 + TypeScript + Zustand + Tailwind CSS 스택 확정 및 라우팅 설계
프로젝트 상세
해외 뷰티 커머스 플랫폼 공고를 대상으로 요구사항 전체를 사전 구현한 MVP 파일럿입니다. [인증·회원 — F01~F02] 이메일 회원 가입/로그인, 구글 소셜 로그인, 카카오·네이버 UI 스켈레톤. Zustand persist로 로그인 세션·장바구니·주문 이력을 localStorage에 영속화. [콘텐츠·커머스 — F03~F12] 크리에이터·브랜드 신청 폼, 메인 홈 배너 슬라이드, 통합 검색
