🌟신세계 I&C 스파로스 아카데미(Spharos Academy) 5기, 첫번째 프로젝트
- 신세계 인터내셔날의 이커머스 쇼핑몰, S.I.VILLAGE를 분석하며 재설계하는 프로젝트 입니다.
- 단순한 기능복제가 아닌, 대용량 데이터를 고려한 체계적인 설계와, 실무에서 요구되는 다양한 기술 역량 강화을 목표로 진행되었습니다.
🌐 바로가기 : https://sivillage.shop
| 최번영 | 홍정현 | 백승준 | 이재훈 | 주성광 |
|
Frontend & Team Leader |
Frontend | Backend & DevOps | Backend | Backend |
|
장바구니 페이지 카테고리 페이지 브랜드 페이지 |
회원가입/로그인(NextAuth) 메인페이지, 제품, 프로모션 공통 레이아웃 및 form 컴포넌트 상품 / 브랜드 / 카테고리 데이터 스크래핑 배포(Vercel), middleware 설정 프로젝트 및 협업도구 설정 |
CI/CD 및 인프라 구축 리뷰 장바구니(회원/비회원) 주문 배송지 |
상품 필터링 및 Pagenation 구현 Best 100 상품(Scheduler) 최근 본 상품, 최근 검색어(Redis) 이벤트(필터링), 브랜드, 카테고리, 검색(제품/해시태그/브랜드) 성능 테스트 |
Auth(Security, oAuth2, JWT) 카테고리, 이벤트 데이터 스크래핑 데이터 가공 및 저장 이메일 인증(SMTP, Redis), ID, PW 찾기 좋아요(상품/이벤트/브랜드) 프로젝트 및 협업도구 설정 문서 및 일정 관리, 발표 |
-
Notion : 회의록, 회고록, Wiki(지식허브)
-
Github PR : 팀원 2/3 이상의 Approve 필수
-
일정 관리 등 : 아래 산출물의 링크 확인
- WBS, 요구사항 정의서, API 정의서, 이벤트 스토밍, ERD, 시스템 아키텍처, 예외 및 ENUM 정의
- FE: Next.js(14.2.1), Node.js(20.5.1), TypeScript(5.0), NextAuth(4.24), TailwindCSS(3.4.1)
- BE: JDK(17), Spring boot(3.2.9), Gradle(8.8), IntelliJ(2024.1.4)
- INFRA: AWS EC2(t3.medium), Ubuntu(Ubuntu 24.04 LTS), Nginx(1.27.1) Docker(27.0.3), Docker-compose(2.28.1)
- DATABASE: MySQL(9.0.1), Redis(7.4.0)
- COMMON: Swagger(2.0.2)
- 대용량 데이터: 모든 데이터는 더미데이터가 아닌 DB의 데이터를 사용하였습니다.
- 5만여개의 제품데이터를 비롯, 이벤트, 브랜드, 카테고리 데이터를 효율적으로 수집하였습니다.(Repo 참고)
- 수집한 데이터를 DB에 맞게 가공/정제 후 20개 테이블에 저장했습니다.
- 성능 최적화: 유효한 데이터 200만개의 환경 및 배포 환경에서의 성능 검증을 완료했습니다.
- 소셜 로그인: foam 로그인 외에도 카카오/네이버 로그인을 지원합니다.
- 상품 필터링: 가격/색상/사이즈/브랜드별 필터링이 가능합니다.
- 다양한 분류별 상품 조회: 카테고리별/ 브랜드별 /베스트 100 상품 조회가 가능합니다.
- 장바구니: 비회원도 장바구니 사용 가능하며, 로그인시 그대로 옮겨집니다.
- UI: SIVILLAGE의 부드러운 애니메이션과 세련된 UI를 그대로 옮겼습니다.
| 메인 페이지 | 회원가입/로그인 | 이벤트 |
 |
 |
 |
| 베스트 상품 / 상품 세부 조회 | 카테고리별 상품 조회 | 브랜드별 상품 조회 |
 |
 |
 |
| 상품 필터링(4종류) | 해쉬태그로 상품 조회 | 장바구니(비회원) |
 |
 |
 |
