Book Store 프로젝트

이번 2번째 프로젝트로 Book Store 프로젝트를 진행한다. 지금까지 학습한 node.js 기반으로 api와 데이터베이스를 설계할 예정이다. 이번 프로젝트는 백엔드를 먼저 설계한 이후에 추가로 React 학습이 끝나면 프론트엔드까지 개발하여 완벽한 프로젝트로 구현할 예정이다.

화면 설계 및 주요기능 소개

다음은 api & db 설계를 위한 프론트엔드 와이어프레임과 주요 기능이다.

1. 목록 페이지

2. 상세 페이지

3. 장바구니 페이지

4. 주문서 작성 페이지

5. 주문 목록 페이지

6. 로그인/회원가입 페이지

7. 메인 페이지

비슷한 사이트와 비교 및 분석 (교보문고 / yes24 / 알라딘)

3개의 사이트 모든 공통 기능

1. 소셜 로그인

교보문고 / YES24 / 알라딘 모두 카카오, 네이버 등 간편하게 로그인이 가능한 기능을 제공하고 있다.

2. 도서 미리보기 (Preview)

구매 전 도서의 분위기와 내용을 파악할 수 있도록 목차나 서론 일부를 이미지나 PDF 뷰어로 제공다.

표지 외에도 내지 디자인을 확인할 수 있는 상세 이미지를 슬라이드 형태로 배치한다.

3. 통합 검색 및 필터링

도서명, 저자, 출판사, 키워드 검색 기능을 공통적으로 제공한다.

판매량순, 신상품순, 평점순 등으로 결과를 나열할 수 있다.

4. 상세 페이지의 표준 정보

ISBN, 쪽수, 정가, 출판일 등의 데이터를 정형화하여 노출한다.

책의 구조를 알 수 있는 목차()와 출판사가 제공하는 상세 설명() 섹션을 운영한다.

5. 주문 및 결제 시스템

선택 상품의 수량 조절() 및 삭제()가 실시간으로 반영된다.

신용카드(), 무통장 입금(), 각종 페이 서비스를 통한 결제를 지원한다.

3대 서점의 차별성 분석

1. 교보문고 (O2O 서비스의 강자)

온라인 결제 후 오프라인 매장에서 즉시 수령하는 온-오프라인 연계가 가장 강력하다.

국내 최대 규모의 데이터베이스를 보유하여 전문 서적 확보력이 뛰어나다.

2. YES24 (디지털 콘텐츠와 문화의 결합)

자체 단말기 '크레마'와 연동된 강력한 전자책 서비스와 전용 뷰어를 제공한다.

도서 구매층을 공연 및 전시 관람객으로 연결하는 문화 마케팅에 강점이 있다.

3. 알라딘 (중고 시장과 독보적 굿즈)

개인이 책을 팔고 사는 프로세스가 가장 체계적이며 오프라인 중고 매장과의 연결성이 좋다.

어떤 기능을 추가해보면 좋을까??

3개의 사이트를 모두 분석해보고 추가로 구현해보면 좋을것같은 기능들을 적어보았다.

1. 소셜 로그인 구현해보기

카카오나 네이버 계정으로 버튼 하나만 눌러 가입하고 로그인하는 기능이다.

회원가입 절차를 줄이고, 서버에서는 JWT를 발급해 로그인 상태를 유지한다.

2. 필터링 세부화

단순히 카테고리만 고르는 게 아니라 가격대, 평점, 품절 여부 등을 동시에 선택해 원하는 책만 골라내는 기능이다.

사용자가 선택한 여러 조건에 맞는 도서만 DB에서 뽑아온다.

3. 최근 검색 및 활동 기반 추천

사용자가 최근에 입력한 검색어()를 기억했다가, 메인 화면에서 그 키워드와 관련된 도서를 먼저 보여주는 기능이다.

DB에 검색 기록을 저장하고, 제목이나 설명()에 해당 키워드가 들어간 책들을 추천 목록으로 띄워준다.