구현 순서

북스토어 구현 순서

기능을 한꺼번에 만들기보다 모델과 데이터를 먼저 세우고 화면이 읽을 수 있는 경로를 차례로 붙입니다.

데이터 모델

Mongoose 도서 스키마

제목, 저자, 설명, 표지, 재고 같은 필드를 타입과 필수 여부까지 포함해 정의합니다.

개발 기준값

초기 데이터 seed

목록, 상세, 빈 상태를 확인할 수 있도록 대표 도서와 예외 사례를 함께 넣습니다.

탐색 화면

도서 목록 렌더링

여러 도서를 카드나 리스트로 보여주고 검색, 정렬, 로딩 상태가 같은 데이터 계약을 쓰게 합니다.

상세 화면

도서 상세 조회 기준

id나 slug로 한 권을 조회하고 없는 도서, 비공개 도서, 관련 도서 표시를 분리합니다.

데이터 모델

Mongoose 모델이 화면 데이터의 모양을 고정합니다

Book 모델의 필드가 목록 카드와 상세 페이지에서 어떤 정보로 보일지 결정합니다.

구현 단계 연결

초기 데이터개발 중 화면을 확인할 수 있도록 seed 데이터를 넣습니다.
도서 목록도서 목록을 카드나 리스트로 나누고 상세 이동 경로를 둡니다.
도서 상세id나 slug를 기반으로 한 권의 정보를 자세히 렌더링합니다.