hoonbro / web_clone Goto Github PK

클론 목표

출처 https://brand.naver.com/linefriends
도저어어어어어언!

MVC패턴을 적용해 라인 프렌즈 온라인 스토어를 클론 코딩한다.

• 2021년 5월 5일 ~ 5월 19일
• 소요일 7일

• 3명

• JAVA
• JSP
• Servlet
• BootStrap
• JS
• jQuery
• El
• jstl
• Ajax
• CSS
• MySQL

• Github

1. 회원가입, 로그인 페이지
   ✔️ 아이디, 이름(필수)
   ✔️ 비밀번호(필수)
   ✔️ 비밀번호 재확인(필수)
   ✔️ 비밀번호와 동일(필수)
   ✔️ 생년월일(연도 - 4자리 숫자 / 월 - 1-12월 선택 / 일 - 1-31일까지 숫자)
   ✔️ 성별(남성/여성/선택안함 중 택 1 )
   ✔️ 본인확인 이메일 (선택)
   ✔️ 휴대전화 (‘-’ 없이 11자리 입력 )

2. 메인페이지
   ✔️ 자동으로 이미지 변화하는 슬라이드 구현
   ✔️ 상단 메뉴 마우스 hover시 사이드바 드롭다운 구현
   ✔️ 상품 검색 기능 구현

3. 아이템 리스트 페이지
   ✔️ 필터에 따른 아이템 정렬 기능 구현
   ✔️ 상품 리스트 출력개수 선택에 따른 페이지네이션
   ✔️ 찜하기 기능 구현
   ✔️ 상품 클릭 시 해당 상품 페이지로 이동

4. 상세 페이지
   ✔️ 스크롤에 따른 sticky nav구현
   ✔️ 옵션 선택 기능 및 수량 추가에 따른 가격 계산 기능 구현
   ✔️ sticky nav와 가격 및 옵션 자동 연동