SSG 클론코딩 - 스파로스4기 MSG조

🗓️ 프로젝트 일정

일정: 2024년 2월 23일 - 2023년 4월 17일 (6주)

👩‍👧‍👦프로젝트 목표

"SSG 클론 코딩과 실시간 데이터 관리 플랫폼"

SSG 쇼핑몰 사이트의 주요 기능과 인터페이스를 재현한 클론 코딩 작업과 함께, 상품 데이터, 총 매출액, 판매 수량 등 중요 비즈니스 지표를 실시간으로 모니터링하고 관리할 수 있는 관리자(ADMIN) 사이트 개발을 목표로 합니다.

특히, 저희 팀은 사용자 경험을 최적화하기 위해 프론트엔드와 백엔드 모두 개발 과정에서 성능 최적화에 많은 노력을 기울였습니다. 로딩 시간 단축, 서버 응답 속도 향상, 그리고 효율적인 데이터 처리 방식의 적용을 통해, 사용자는 더욱 빠르고 부드러운 상호작용을 경험할 수 있습니다.

🔎 서비스 소개

쇼핑몰 바로가기↗️(https://ssgcom-app.vercel.app/) | 관리자 사이트 바로가기↗️(https://admin.sssg.shop/)

※ 테스트용 계정을 사용해 쇼핑몰의 모든 기능을 사용해볼 수 있습니다.(- ID : welcome 혹은 thankyou - PW : 1234)

사용자는 클론 코딩된 쇼핑몰을 통해 실제 쇼핑몰과 유사한 쇼핑 경험을 할 수 있고, 개발된 관리자 사이트를 통해 고객 관리, 매출 관리, 재고 관리 등의 다양한 관리 작업을 수행할 수 있습니다.

🎇서비스 화면 및 기능소개

1. 회원관리 기능(회원가입/로그인)
간편 로그인 과정	통합 로그인 과정

2. 키워드로 상품 검색
상품 검색 및 조회	구매 직전 페이지

3. 상품 조회
무한스크롤 통한 조회	카테고리별 조회

4. 상품 좋아요, 장바구니 담기
상품별 좋아요	옵션선택 후 장바구니 담기

5. 관리자 상품 판매량/사용자 관리
전체 매출 관리/응답속도 탭	상품 데이터 관리 탭

🛠 기술 스택

Backend

Frontend

Infra

Docs

📜산출물

🖋️아키텍처 구조도

🖋️ERD

MSG-ERD

🖋️폴더구조(Back)

📦src
 ┣ 📂main
 ┃ ┣ 📂java
 ┃ ┃ ┗ 📂spharos
 ┃ ┃ ┃ ┗ 📂msg
 ┃ ┃ ┃ ┃ ┣ 📂domain
 ┃ ┃ ┃ ┃ ┃ ┣ 📂admin
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂controller
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂converter
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂repository
 ┃ ┃ ┃ ┃ ┃ ┃ ┗ 📂service
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂Impl
 ┃ ┃ ┃ ┃ ┃ ┣ 📂brand
 ┃ ┃ ┃ ┃ ┃ ┣ 📂bundle
 ┃ ┃ ┃ ┃ ┃ ┣ 📂cart
 ┃ ┃ ┃ ┃ ┃ ┣ 📂category
 ┃ ┃ ┃ ┃ ┃ ┣ 📂coupon
 ┃ ┃ ┃ ┃ ┃ ┣ 📂likes
 ┃ ┃ ┃ ┃ ┃ ┣ 📂options
 ┃ ┃ ┃ ┃ ┃ ┣ 📂orders
 ┃ ┃ ┃ ┃ ┃ ┣ 📂product
 ┃ ┃ ┃ ┃ ┃ ┣ 📂review
 ┃ ┃ ┃ ┃ ┃ ┣ 📂search
 ┃ ┃ ┃ ┃ ┃ ┗ 📂users
 ┃ ┃ ┃ ┃ ┣ 📂global
 ┃ ┃ ┃ ┃ ┃ ┣ 📂api
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂code
 ┃ ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂status
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂dto
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂example
 ┃ ┃ ┃ ┃ ┃ ┃ ┣ 📂exception
 ┃ ┃ ┃ ┃ ┃ ┣ 📂config
 ┃ ┃ ┃ ┃ ┃ ┣ 📂converter
 ┃ ┃ ┃ ┃ ┃ ┣ 📂database
 ┃ ┃ ┃ ┃ ┃ ┣ 📂entity
 ┃ ┃ ┃ ┃ ┃ ┣ 📂redis
 ┃ ┃ ┃ ┃ ┃ ┗ 📂security
 ┃ ┃ ┃ ┃ ┗ 📜MsgApplication.java
 ┃ ┗ 📂resources
 ┗ 📂test

🖋️폴더구조(Front)

📦components
 ┣ 📂banner
 ┣ 📂form
 ┣ 📂layout
 ┣ 📂MainCategory
 ┣ 📂pages
 ┃ ┣ 📂auth
 ┃ ┃ ┣ 📂signup
 ┃ ┃ ┗ 📂users
 ┃ ┣ 📂cart
 ┃ ┣ 📂category
 ┃ ┣ 📂catogory-list
 ┃ ┣ 📂join
 ┃ ┣ 📂like
 ┃ ┣ 📂login
 ┃ ┣ 📂main
 ┃ ┣ 📂nonuser
 ┃ ┣ 📂order
 ┃ ┃ ┣ 📂order-complete
 ┃ ┃ ┗ 📂product-order
 ┃ ┣ 📂product-detail
 ┃ ┣ 📂product-list
 ┃ ┃ ┣ 📂ranking
 ┃ ┃ ┣ 📂special-price
 ┃ ┣ 📂product-review
 ┃ ┣ 📂search
 ┃ ┗ 📂users
 ┃ ┃ ┗ 📂my-order
 ┗ 📂ui

🖋️깃허브 위키 Github Wiki 바로가기

🖋️협업 관리

그라운드룰	노션 기반 문서공유

데일리 스크럼 및 회고	Gitflow 전략 및 통일된 커밋 메시지
	!

코드리뷰	트러블 슈팅

👥팀원 소개


강성욱	서이현	조준호
BackEnd	BackEnd	BackEnd
ksu9801@gmail.com	tjwn1408@naver.com	chojunho9803@gmail.com
@KangBaekGwa	@I-HYEON	@khanturtle
소감 및 후기	소감 및 후기	소감 및 후기


조윤찬	최형문	홍준표
FontEnd	FrontEnd	BackEnd
whdbscks77@gmail.com	munii1023@gmail.com	tjdvy17539@gmail.com
@YOON-CC	@yunii23	@howudong
소감 및 후기	소감 및 후기	소감 및 후기

1-MSG / backend

readme