이번 포스트에서는 서점 프로젝트를 진행하기 위해서,
프로젝트의 목표와 화면 설계에 대해서 기록하고자 합니다.
🚀 프로젝트 목표
도서를 장바구니에 담고 구매할 수 있는 웹 애플리케이션을 사용자가 이용하고 리뷰를 남길 수 있도록 구현하고자 합니다.
🚀 화면 설계
- 메인
- 상단바에는 로고, 검색창과 로그인, 회원가입 버튼을 배치합니다.
- 로그인 후에 장바구니와 주문기록을 볼 수 있도록 메뉴를 구성합니다.
- 인기 도서를 보여주는 섹션을 구성합니다.
- 카테고리별로 도서를 볼 수 있도록 메뉴를 구성합니다.
- 검색
- 도서를 검색하면 연관된 도서가 뜨게 합니다.
- 책의 이미지, 제목, 저자, 평점을 간단하게 보여줍니다.
- 도서 상세
- 도서의 이미지는 가운데 크게 표시합니다.
- 책의 제목, 저자, 가격을 이미지 오른쪽에 배치합니다.
- 책의 평점, 리뷰수를 이미지 왼쪽에 배치합니다.
- 책의 소개를 하단에 배치합니다.
- 책의 리뷰를 제일 하단에 배치합니다.
- 장바구니 및 주문
- 장바구니에 도서를 추가, 삭제할 수 있고 수량을 조절할 수 있습니다.
- 주문시 배송 정보와 결제 정보를 입력합니다.
화면을 직접 구상해서 어떤 데이터가 오가야 되는지 고민하니까 설계에도 재미가 붙는 것 같습니다.
포기하지 않고 끝까지 만들어내는 것이 목표입니다.
이번 포스트도 끝까지 봐주셔서 감사합니다.
피드백은 언제나 환영입니다.
'프로젝트' 카테고리의 다른 글
[서점 프로젝트] 서브 쿼리를 이용한 평점 업데이트 (1) | 2024.10.08 |
---|---|
[서점 프로젝트] Offset 페이지네이션 (2) | 2024.10.07 |
[서점 프로젝트] 줄거리 설명 컬럼의 자료형 고민 (0) | 2024.10.04 |
[서점 프로젝트] ERD 설계 (1) | 2024.10.02 |
[서점 프로젝트] API 설계 (1) | 2024.10.01 |