01 / OVERVIEW
어떤 프로젝트인가요?
색조 화장품에 집중한 쇼핑몰을 MERN 스택으로 구현했습니다. 상품 탐색부터 장바구니, 주문까지 커머스의 기본 흐름을 프론트엔드와 백엔드 양쪽에서 직접 만들며 전체 그림을 익힌 프로젝트입니다.
02 / IMPLEMENTATION
핵심 구현
- React와 Redux Toolkit으로 상품·장바구니·주문 상태 관리
- Node.js(Express)와 MongoDB로 상품·주문 API 구성
- 관리자용 상품 등록과 주문 상태 관리 흐름 구현
03 / SCREENS
서비스 화면
04 / REFLECTION
배운 점
- 프론트엔드에서 쓰기 편한 API 응답이 무엇인지, 양쪽을 오가며 감을 잡았습니다.
- 커머스 상태(장바구니·주문)의 원천을 어디에 둘지 정하는 일이 화면 코드보다 중요했습니다.