lse99 / boss-book-project

도서 온라인 쇼핑몰 구현 프로젝트

📚도서 온라인 쇼핑몰 구현 프로젝트

[TEAM : Bossbabies]

[Babies🍼]

팀원	천예원	안채영	최규진	오명주	이성은	김혜연
담당 파트	조장, 상품 상세 페이지, 페이지 디자인 총괄	관리자 페이지 , AWS RDS 연동	로그인, 회원가입, 카카오 API 연동, 통계 알고리즘 구현	관리자 통계 페이지, 멤버 소개 페이지, 서버 배포	회원 마이 페이지, 서버 배포, ERD 구현	도서 API 데이터 크롤링, 메인 페이지, 공용 UI/UX 작업
Github	https://github.com/jikimomo	https://github.com/hellochaeyoung	https://github.com/kjchoi1997	https://github.com/omj9803	https://github.com/lse99	https://github.com/devpoooh
Email	[email protected]	[email protected]	[email protected]	[email protected]	[email protected]	[email protected]

[📆제작 과정]

	2022.07.15	2022.07.16	2022.07.18	2022.07.19	2022.07.20	2022.07.21	2022.07.22	2022.07.23
요구사항 정의	O	O
기획 및 설계		O
개발환경 구성		O	O
기능 구현 작업			O	O	O	O	O
테스트 작업				O	O	O	O
문서 정리						O	O
배포 및 발표						O		O

1. MZ BOOK

Spring Framework & JSP를 활용하여 온라인 도서 쇼핑몰 구현 프로젝트를 진행

2. 프로젝트 배경

2 - (1) 배경

2 - (2). 구조

2 - (3). 기술 스택

2. 협업 방식

• Github

  https://github.com/Lotte-BossBabies/Boss-Book-Project.git

  

• Issue

  • Github의 Issue 기능을 활용하여 팀원 각자 맡은 파트와 기능 상세, 업무 구현 진행 정도를 파악하고 개발 과정을 기록으로 남길 수 있게 하였습니다.

• Branch
  • 팀원별, 기능별 브랜치와 dev 브랜치를 활용하여 형상 관리를 진행했습니다.

• Notion
  • 하루에 적어도 한 번씩 스크럼 회의를 통해 작업 진행 상황과 어려운 점, 해결한 점을 팀원들과 공유하고 필요한 자료들을 노션을 통해 공유하였습니다.
  • https://evening-gooseberry-9aa.notion.site/743d728456b64355acfd5e08d9b54869

3. UI 작업

• Figma를 활용하여 요구사항 명세 및 설계 단계 진행 시 화면의 UI를 미리 작업하여 전체적인 프로젝트의 흐름을 파악하고 구현해야 할 기능을 다시 한 번 정리하였습니다.

  

4. 페이지 계층 구조

4. ERD

• ERD-CLOUD 툴을 사용하여 ERD 작업을 진행하고 팀원들과 공유 작업을 하였습니다.

5. 데이터베이스

• 데이터베이스를 공유하여 사용하기 위해서 AWS RDS - MySQL을 연동하여 사용하였습니다.

  

7. 구현 기능

7 - (1) 회원가입

• 일반, 판매자 권한 회원가입 구분

  

• 일반 회원가입

  

  • 아이디 중복 확인 가능

    

  • 비밀번호, 이름, 이메일, 휴대폰, 주소 입력

    

  • 전체 항목 미기입시 회원가입 불가

• 판매자 회원가입

  

  • 아이디 중복 확인 가능
  • 비밀번호, 이름, 이메일, 휴대폰, 스토어 이름 입력
  • 전체 항목 미기입시 회원가입 불가

7 - (2) 로그인

• 로그인 전 header — 로그인/회원가입

  

• 로그인 후 header — 로그아웃/마이페이지

  

• 아이디 저장 가능

  

• 회원가입, 아이디 찾기, 비밀번호 찾기 페이지로 이동 가능

  

• 카카오 로그인

  • 카카오 계정으로 로그인 후 카카오 계정의 이메일로 회원가입 진행

7 - (3) 메인 화면

• 인기 도서 — 판매량 순으로 정렬된 도서 확인 가능
• 작가 마켓 — 판매자가 판매 등록한 도서 확인 가능
• 배너 및 인기 도서, 작가 마켓 자동 스와이프 기능 적용

7 - (4) 상품 상세 화면

• 판매자별 가격 할인 정보 적용

• 구매

  

  • 배송지 입력 — 주소 입력시 카카오 주소 찾기 이용

    

  • 구매 완료시 주문 내역 확인 또는 계속 쇼핑 가능

    

  • 판매자 계정은 구매 불가

• 좋아요

  • 좋아요 클릭시 마이페이지-좋아요한 상품 탭에서 확인 가능
  • 한 번 더 클릭시 좋아요 취소

• 리뷰

  • 상품별 리뷰 확인 가능

    

7 - (5) 마이페이지(회원)

• 개인정보 수정 페이지로 이동 가능

• 구매한 상품

  

  • 구매한 상품 조회

  • 배송이 완료되지 않은 상품은 주문 취소 가능

  • 배송이 완료된 상품은 리뷰 작성 가능 — 리뷰 중복 작성 불가

    

• 좋아요한 상품

  

  • 상품 상세 페이지에서 좋아요 표시한 상품 조회
  • 좋아요 취소 가능

• 나의 리뷰

  

  • 내가 작성한 리뷰 조회
  • 리뷰 삭제 가능

7 - (6) 관리자 페이지

• 개인정보 수정 가능 (스토어 이름 포함)

• 내가 등록한 책

  • 카테고리 별, 키워드 검색 및 판매량 순으로 조회 가능

    

  • 판매 등록한 책 목록 확인 및 재고 관리 가능

    

• 실적 통계

  • 목차 7 - (7)

• 배송관리

  • 주문 들어온 상품 — 구매자 및 상품 표시

    

  • 배송 완료 처리 가능 — 배송 완료 처리시, 구매자는 마이페이지에서 리뷰 작성 가능

  • 배송 완료된 상품은 기간별 조회 가능

    

• 상품등록

  • 판매 등록하고자 하는 책 검색 가능 — 카테고리별, 키워드별

    

  • 재고량 및 할인율 설정 후 판매 등록

    

  • 설정한 재고량 초과 주문시 품절 처리

7 - (7) 실적 통계 페이지

• 상품 별 총 판매량
  • pie chart 로 표시
  • 모든 책 판매량에 대한 카테고리 비율을 그래프로 표시

• 기간 별 매출 현황
  • line chart 로 표시
  • 첫 페이지는 전체 기간에 대한 책 판매량 그래프 표시
  • 날짜 설정하면 해당 기간에 대한 판매량 그래프 표시

7 - (8) 멤버 소개 페이지

• card 형식으로 멤버 소개

8. URL

• https://mz-bookstore.herokuapp.com