단계별 구현 기준 흐름
데이터 모델 정의 및 초기 데이터 삽입
정의된 스키마를 바탕으로 Mongoose 모델을 생성하고, 초기 테스트 데이터를 데이터베이스에 삽입합니다.
핵심 기능 구현: 도서 목록 및 상세 페이지
데이터베이스에서 도서 정보를 가져와 화면에 표시하는 기능을 구현합니다.
핵심 기능 구현: 장바구니 및 주문
장바구니와 주문 기능은 사용자 상호작용이 많으므로 클라이언트 컴포넌트와 Server Actions를 혼합하여 구현합니다.
이 절에서는 17장 1절에서 기획하고 설계한 온라인 북스토어 프로젝트를 실제 Next.js 애플리케이션으로 구현하는 순서를 나눕니다. 프로젝트 생성, MongoDB/Mongoose 모델, 화면 컴포넌트, API 라우트를 연결하면서 설계 내용을 코드로 옮깁니다.
프로젝트 생성, 데이터베이스 연결, 화면과 API 구현 순서를 나누어 단계별 구현 기준을 정리합니다.
가장 먼저 Next.js 프로젝트를 생성하고, 데이터베이스 연결, 스타일링 프레임워크 등을 설정하여 개발 환경을 준비합니다.
정의된 스키마를 바탕으로 Mongoose 모델을 생성하고, 초기 테스트 데이터를 데이터베이스에 삽입합니다.
데이터베이스에서 도서 정보를 가져와 화면에 표시하는 기능을 구현합니다.
장바구니와 주문 기능은 사용자 상호작용이 많으므로 클라이언트 컴포넌트와 Server Actions를 혼합하여 구현합니다.