화장품 쇼핑몰 웹사이트

이 프로젝트는 소비자와 사업자를 위한 화장품 쇼핑몰 웹사이트입니다. 사용자는 다양한 화장품을 탐색하고 구매할 수 있으며, 사업자는 상품과 주문을 관리할 수 있습니다.

주요 기능

• 회원가입 및 로그인: 사용자는 계정을 생성하고 로그인할 수 있습니다.
  
• 상품 상세 페이지: 각 상품에 대한 상세 정보를 제공합니다.
  
• 장바구니: 사용자는 선택한 상품을 장바구니에 담을 수 있습니다.
  
• 위시리스트: 사용자가 관심 있는 상품을 위시리스트에 저장할 수 있습니다.
  
• 주문 및 결제: 사용자는 장바구니에 담긴 상품을 주문하고 결제할 수 있습니다.
  
• FAQ 게시판: 자주 묻는 질문에 대한 답변을 제공하는 게시판입니다.
  
• Q&A 게시판: 사용자가 질문을 올리고 답변을 받을 수 있는 게시판입니다.
  
• 게시판: 사용자들이 소통할 수 있는 자유 게시판을 제공합니다.
  
• 마이페이지: 사용자는 자신의 주문 내역, 위시리스트, 개인 정보 등을 확인하고 관리할 수 있습니다.
  
• 관리자 페이지: 관리자 전용 페이지에서 상품 관리, 주문 관리, 게시판 관리 등을 할 수 있습니다.
  

👀 서비스 화면

메인화면

• 메뉴/로고 클릭 시 해당 기능 실행
• 로그인 하지 않고 회원 기능 실행시 로그인 화면으로 이동

회원가입 & 로그인 & 로그아웃

• 카카오 소셜 로그인, 일반 로그인
• 유저 회원가입, 아이디저장
• 회원정보수정 비밀번호 확인 후 수정 가능

관리자 페이지

• 상품/주문/회원/게시판 관리
• 상품 등록 관리자가 상품을 등록하여 관리
• 배송/주문관리 회원들의 배송/주문 현황을 파악

상품 목록

• 지정된 카테고리에 해당하는 상품 목록 출력
• ajax를 이용한 스크롤 페이징처리

주문 및 결제

• 결제금액에 따라 유동적으로 변하는 쿠폰/포인트 적용
• api를 사용한 배송지 입력 기능

장바구니/위시리스트

• 장바구니에서 선택된 상품 수량 변경시 주문 금액도 자동으로 변경
• 장바구니/위시리스트에 담긴 상품 클릭시 해당 상품의 상세페이지로 이동
• 장바구니/위시리스트 상품 추가/삭제 기능

게시판(FAQ, Q&A, 공지사항)

FAQ

• 카테고리 필터링 카테고리별 버튼을 클릭하여 특정 카테고리의 글만 출력
• FAQ 제목 검색 사용자가 입력한 검색어를 기반으로 FAQ 검색

Q&A

• 1대1 문의사항 페이지 해당 회원이 남긴 게시글만 마이페이지 Q&A에 출력
• 관리자 게시판에서 회원별 문의 확인 가능

🖥️ 개발 환경

Management Tool

• 형상 관리 : Git
• 커뮤니케이션 : Notion
• 디자인 : Figma, Illustrator

🌐 언어 Java, SQL, HTML, CSS, JavaScript, JSP

🔨 개발 도구

• IDE : Eclipse, SQL Developer
• 서버 : Tomcat

🗂️ DB ORACLE

✨ 기술 jQuery, JSON, Ajax

📂 기획 및 설계 산출물

✨ ER Diagram