
Description Description
이 프로젝트는 쇼핑몰 웹사이트로, 회원가입, 상품 구매, 장바구니 관리, 주문 내역 조회 등의 기능을 포함하고 있습니다. 사용자가 직관적이고 편리하게 쇼핑을 즐길 수 있도록 개발되었습니다.
Skills Skills
프로젝트 개발에 사용된 기술들
HTML
CSS
jquery
Java
Spring
Screenshot Screen
Details
Name: Happy Shop
Status: Complete
Year: 2021
메인화면
이 화면은 Happy Shop의 메인 페이지로, 상단에는 여름 꽃무늬 드레스 컬렉션을 강조하는 배너가 있습니다. 사용자들은 다양한 카테고리(상의, 드레스, 아우터, 하의)를 통해 쉽게 탐색할 수 있으며, 하단에는 인기 있는 상품들이 나열되어 있어 한눈에 확인하고 쇼핑할 수 있습니다.
로그인
이 화면은 Happy Shop의 로그인 페이지로, 사용자가 아이디와 비밀번호를 입력하여 로그인할 수 있는 곳입니다. 로그인 버튼 아래에는 아이디 찾기와 비밀번호 찾기 링크가 있어, 계정 정보를 잊은 사용자가 쉽게 복구할 수 있습니다. 상단 메뉴 바를 통해 다른 카테고리로도 이동할 수 있습니다.
회원정보
이 화면은 Happy Shop의 회원 정보 페이지로, 사용자가 자신의 계정 정보를 확인하고 수정할 수 있는 곳입니다. 아이디, 비밀번호, 주소, 전화번호, 이메일 등의 정보를 입력하고 수정 버튼을 눌러 업데이트할 수 있습니다.로그아웃 버튼을 통해 계정에서 안전하게 로그아웃할 수 있습니다.
상품구매
이 화면은 Happy Shop의 상품 구매 페이지입니다. 사용자는 상품 정보를 확인하고, 원하는 옵션(사이즈, 색상 등)을 선택하여 구매하거나 장바구니에 추가할 수 있습니다. 제품명, 가격, 배송 정보 등이 표시되며, 사용자는 수량을 입력하고 구매 버튼을 통해 결제를 진행할 수 있습니다.
장바구니
이 화면은 Happy Shop의 장바구니 페이지로, 사용자가 선택한 상품들을 확인하고 관리할 수 있는 곳입니다. 상품명, 옵션(사이즈, 색상 등), 판매가, 수량, 총액 등이 표시됩니다. 사용자는 수량을 조정하거나 상품을 삭제할 수 있으며, 전체 선택, 전체 해제, 계속 쇼핑하기 등의 기능을 이용할 수 있습니다. 최종적으로 선택한 상품들을 주문할 수 있습니다.
주문조회
이 화면은 Happy Shop의 주문 조회 페이지로, 사용자가 과거에 주문한 내역을 확인할 수 있는 곳입니다. 주문번호, 상품 정보, 가격, 주문 날짜 등이 표시되며, 각 주문 내역에 대해 주문 상세 정보를 확인하거나 주문을 취소할 수 있는 버튼이 제공됩니다. 사용자는 이를 통해 자신의 주문 상태를 쉽게 파악하고 관리할 수 있습니다.