1. 개발하기 전 준비
설계
강의 정리
용어 정리
Product: 상품
Summary: 상품에 대한 요약 정보
Detail: 상품에 대한 상세 정보
Image: 상품 이미지
Option: 상품에 대한 상세 옵션 종류 (색상, 크기 등)
OptionItem: 옵션에 대한 상세 옵션 값 (옵션이 색상이라면 이건 Blue, Red 같은 걸 의미함)
Category: 상품에 대한 분류
Cart: 장바구니
LineItem: 장바구니에 담긴 것 (상품, 옵션, 수량 등을 동시에 다룸)
여기서도 Option과 OptionItem을 사용한다.
용어는 동일하지만 Product와 다른 구성을 갖기 때문에, 여기서는 Product와 Order라는 접두어를 활용한다.
시스템을 분리할 수 있다면, 근본적으로 나누는 걸 추천(상품 정보 확인 / 장바구니 / 주문).
Order: 주문
여기서도 동일한 LineItem 활용.
User: 사용자
실제로 접두어를 쓰는 것은 별로 좋은 것은 아니지만, 한번에 만들것이기 때문에 사용한다.
기능
상품 목록 확인
상품 상세 정보 확인
장바구니에 상품 담기
주문하기 → 배송지 입력, 결제
주문 목록 확인
주문 상세 확인
로그인
회원 가입
화면
홈 페이지 -
/상품 목록 페이지 -
/products상품 상세 페이지 -
/products/{id}장바구니 페이지 -
/cart주문 페이지 -
/order주문 완료 페이지 -
/order/complete주문 목록 페이지 -
/orders주문 상세 페이지 -
/orders/{id}로그인 페이지 -
/login회원 가입 페이지 -
/signup회원 가입 완료 페이지 -
/signup/complete
REST API
서버 API GET /products의 경우처럼 전체 목록을 조회하는 경우에는 나중에는 응답값에 page, totalPage와 같은 metadata들이 포함될 수 있기 때문에 배열을 바로 넘기기 보다는 객체로 한번 감싸서 넘겨주는 것을 아샬님 같은 경우에는 선호한다.
개발 환경 세팅
추가로 설치할 라이브러리
Last updated