도서 판매 쇼핑몰 프로젝트

1️⃣ 도서 검색 결과 페이지

1. 도서 목록 노출

: 각 도서 아이템 result ( 대표 이미지, 제목, 작가, 요약 정보, 가격, 좋아요 수) , total count

: 페이지네이션 정보 (total page, current page)

2. 검색 기능

: 파라미터 => 키워드, 카테고리, 페이지, 목록 갯수

2️⃣ 도서 상세 페이지

1. 기본 정보 노출

: 제목, 카테고리, 포맷, 작가명, ISBN, 쪽수, 요약설명, 상세설명, 목차, 가격, 좋아요 수, 내가 좋아요 했는지 여부, 이미지 여러장(슬라이드)

2. 좋아요

: 좋아요 버튼을 클릭하면 좋아요 수가 올라가고 표시됨

3. 장바구니 담기

: 장바구니 담기를 클릭하면 비로그인시 로그인 안내, 로그인 시 장바구니 담고 이동

4. 추가 정보 노출

: 리뷰 목록 ( 작성자, 날짜 , 내용)

: 이 분야 베스트 목록 ( 좋아요 순으로 처리 ) 

3️⃣ 장바구니 페이지

1. 장바구니 목록 (대표 이미지, 제목, 금액)

2. 장바구니에서 제거

3. 주문하기

: 체크 표시한 상품을 주문 요청

4️⃣ 주문서 작성 페이지

1. 장바구니에서 선택한 상품 목록 노출

: 제목, 요약 정보, 가격

2. 결제하기(주문서 입력) 요청

: 상품 목록, 배송 정보(주소, 수령인, 전화번호) , 결제 정보, 총 금액

5️⃣ 주문 목록 페이지

1. 작성한 주문서 목록 노출

: 주문 일자, 배송 정보 (주소, 수령인, 전화번호) , 상품 정보 

2. 배송 추적

: 모달을 띄우는 정도로 처리

3. 상세 정보

: 우측 토글을 클릭하면 상세 상품 정보 노출 

6️⃣ 회원가입 페이지

회원 가입

: 이메일, 비밀번호

7️⃣ 로그인 페이지

로그인

: 이메일, 비밀번호

8️⃣ 비밀번호 초기화 페이지

1. 비밀번호 초기화 요청

: 이메일

2. 비밀번호 초기화

: 비밀번호 

9️⃣ 메인 페이지

1. 메인 슬라이드

2. 검색 

: 검색어 입력 후 submit 하면 검색 결과 페이지(= 목록) 으로 이동

3. 신간 안내

: 각 카테고리별 신간 안내 ( new, category param 필요) 

---

🌟 배운 점

오늘은 앞으로 제작할 프로젝트의 화면 명세를 살펴 봤다. 백엔드도 제작하고, 그 뒤에 프론트엔드도 제작해서 둘을 연결하여 진짜 웹 사이트를 만들어본다고 하는데, 앞으로 어떤 걸 더 배우게 될 지 기대가 된다. 저번 프로젝트에서는 처음 배우는 거라 따라하는 것에 집중했다면 이번에는 저번에 배웠던 것을 활용하는 것이니 혼자 고민하고 생각하는 시간을 많이 가지면서 프로젝트에 임해야겠다.