Skip to content

bobsajo/market

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

마켓컬리 클론코딩

새벽마켓

bobsajologo

목차


  1. 프로젝트 개요
  2. 기술스택
  3. ERD
  4. 주요기능
  5. 역할
  6. 프로젝트 산출물

1.프로젝트 개요


이번 프로젝트에선 그동안 배웠던 JSP, AJAX를 최대한 활용하고 싶었습니다. 그러기엔 쇼핑몰 사이트가 가장 적합하다 생각하였고 쇼핑몰 사이트 중에서도 유명한 마켓컬리를 선정하여 클론코딩을 하기로 하였습니다.


2.기술스택


사용언어

  • JavaScript
  • Java
  • Python

프론트앤드

  • html
  • css

백엔드

  • jsp
  • jquery

데이터베이스

  • AWS
  • MySql

3.ERD


erd

4.주요기능


  • 상품 찜하기
  • 장바구니
  • 일일특가
  • 후기작성
  • 최근 본 상품

5.역할


role

6.프로젝트 산출물


회원가입

간단한 입력을 통해 회원가입이 가능합니다.

join

로그인

회원가입한 정보로 로그인할 수 있습니다.

login

아이디/비밀번호 찾기

이메일 인증을 통해서 아이디/비밀번호 찾기 가능합니다. findid findid findid

메인페이지

join

일일특가

TimeSale 테이블에 저장된 상품에서 랜덤으로 3개 뽑아서 메인 홈페이지에 출력

10~25% 사이로 랜덤하게 할인

24시간 한정 특가이므로 매일 자정을 기준으로 초기화 됨, 24시간 타이머 설정

daysale

카테고리

과일, 수산, 육류, 베이커리별로 리스트 출력

categorymenu categorypage

최근 본 상품

Cookie를 사용한 최근 본 상품 리스트를 최대 3개까지 저장하고 위쪽 화살표로 갈 수록 최신 순으로 나열, 클릭 시 해당 상품 페이지로 이동

Cookie란 ? 사이트가 사용하고 있는 서버에서 사용자의 컴퓨터에 저장하는 작은 기록 정보 파일 Session과 달리 사용자의 컴퓨터에 저장되기 때문에 서버의 저장공간을 절약

recentitem

상세페이지

해당 상품 설명 / 수량 선택 / 수량에 따른 가격 선택 / 찜 / 장바구니 추가 가능

join

후기

해당 상품의 후기 개수 출력, 추천 순, 최신 등록 순으로 구분하여 사진 나열

추천 순으로 나열 시, 상위 3명에겐 [베스트]타이틀 적용

도움돼요 버튼 클릭 시 추천 수 1증가, 한번 더 클릭 시 추천 취소

join

장바구니

로그인된 사용자의 장바구니 목록 표시 / 전체선택,삭제 가능 / 수량 선택 가능 / 개별 삭제 가능 / 목록 여닫이 버튼 기능 활성화 / 주소 검색 기능(다음 우편번호 API를 사용하여 기존 주소 수정) / 개별 금액 표시 / 총 금액 표시

findid