curomame / ssg_front_02

신세계 스파로스 아카데미 1기 2조 1차 클론코딩

스파로스 아카데미 1차 프로젝트 - 신세계 몰 클론코딩

🤝 팀 회고 및 스프린트 회의 관리

Notion

📅 프로젝트 기간

• 22/07/25 - 22/09/07(약 7주)

🧑‍💻 팀원 소개

• 이형민(F/E)
• 박도균(B/E)
• 조성범(B/E)
• 이수연(B/E)

💭 커뮤니케이션 툴

• Notion
• Google Sheet
• Github
• Zoom
• Gather

* 백엔드 프로젝트는 아래의 링크를 확인해주세요!

스파로스 아카데미 2조 B/E

1.프로젝트 소개

스파로스 아카데미의 첫 번째 프로젝트! 신세계 몰의 모바일 페이지 클론코딩을 진행하였습니다.

📔 디렉토리 구조

project
├─ public
│   ├─ css
│   ├─ img
│   └─ index.html
│
├─ src
│   ├─ assets
│   │   ├─ css
│   │   ├─ datas
│   │   └─ img
│   ├─ component
│   │   ├─ components
│   │   ├─ layout
│   │   └─ parts
│   ├─ context
│   ├─ hooks
│   ├─ pages
│   ├─ recoil
│   │   └─ atoms
│   └─ utils
│
├─ .env.development
├─ .gitignore
├─ jsconfig.json
├─ package.json
└─ README.md

---

2.프로젝트 정보

🧾 요구사항 정의서

Google Sheet

스프린트별 진행사항 및 구현 목록

Sprint	상태	완성도	수행 내용
spt0	✅	-----	프로젝트 수행 계획 수립
spt1	✅	100%	DB설계 및 API 정의서 작성
spt2	✅	100%	공통 레이아웃 및 메인 화면 설계
spt3	✅	100%	공통 레이아웃 및 메인 화면 구현
spt4	✅	100%	통합 검색 설계 및 구현
spt5	✅	100%	상품/카테고리 목록 화면 구현
spt6	✅	100%	장바구니 설계 및 구현
spt7	✅	100%	로그인 및 회원가입 설계 및 구현
spt8	✅	100%	로그인 및 회원가입 설계 및 구현
spt9	✅	100%	위시리스트 설계 및 구현
spt10	✅	100%	상품 상세 설계 및 구현
spt11	✅	100%	API 테스트 및 문서 정리
spt12	✅	100%	마무리 테스트 및 CSS 작업
Demo	⏹	-----	1차 최종 발표 진행

⚙️ 설치방법

---

설치

1.Clone the repository

git clone [e-mail]:curomame/ssg_front_02.git

2.Install NPM packages

npm install

3.Server API 입력 in .env.development

REACT_APP_TEST_URL 서버 Url
REACT_APP_DISPLAY_IMG_URL 서버 로컬 이미지 Url 

어플리케이션 실행

npm run start 

---

3. 기술

⚙️F/E B/E 시스템 아키텍쳐

💻 F / E 사용 기술

🛠 F / E 사용 툴

---

4. 외부 라이브러리 목록

axios - 서버 통신
react-router-dom - 라우팅 및 파람스 관리
react-slick - 캐러셀 디자인
recoil - 전역 상태관리
json-server - json data 테스트 진행

---