👕 위코드가 사랑하는 패션, WCF

👏 소개

SSF SHOP을 모티브로한 의류 소개 사이트

💡 서비스

👤 회원가입 및 로그인
👕 위코드 멘토님들 및 동기분들의 의류소개
✏️ 카테고리 별 브랜드 검색 및 필터링
🛒 장바구니

🔧 사용하는 기술스택

⭐️ 프로젝트 구조

.
├── Router.js
├── components
│   ├── Footer
│   │   ├── Footer.js
│   │   └── Footer.scss
│   └── Nav
│       ├── MainCtgData.js
│       ├── Nav.js
│       ├── Nav.scss
│       └── SpecialCtgData.js
├── config.js
├── images
│   ├── cart
│   │   ├── IMG_8905.JPG
│   │   ├── bag.png
│   │   ├── basket-img.png
│   │   ├── bg-component.png
│   │   ├── btn-x.svg
│   │   └── btn_x_gray.svg
│   ├── icon
│   │   ├── btn-sprite.png
│   │   ├── heart-stripe.png
│   │   ├── plus-minus-stripe.png
│   │   ├── signin
│   │   │   ├── term-check-off.svg
│   │   │   ├── term-check-on.svg
│   │   │   ├── term-check.svg
│   │   │   ├── vaild-check-purple.svg
│   │   │   └── valid-check.svg
│   │   ├── sns-icons.png
│   │   └── star-spripe.png
│   └── productdetail
│       └── banner-1.jpg
├── index.js
├── pages
│   ├── Cart
│   │   ├── Cart.js
│   │   ├── Cart.scss
│   │   └── components
│   │       ├── CartEmpty.js
│   │       └── CartFilled.js
│   ├── Login
│   │   ├── Login.js
│   │   └── Login.scss
│   ├── Main
│   │   ├── HotBrand.js
│   │   ├── HotBrand.scss
│   │   ├── Main.js
│   │   ├── Main.scss
│   │   ├── Marketing.js
│   │   ├── Marketing.scss
│   │   ├── OUR_PICKS.js
│   │   ├── OurPicks.js
│   │   └── OurPicks.scss
│   ├── MyPage
│   │   ├── MyPage.js
│   │   └── MyPage.scss
│   ├── Payment
│   │   ├── Payment.js
│   │   └── Payment.scss
│   ├── ProductDetail
│   │   ├── CartConfirm
│   │   │   ├── CartConfirm.js
│   │   │   └── CartConfirm.scss
│   │   ├── ImgArea
│   │   │   └── ImgArea.js
│   │   ├── ProductDetail.js
│   │   └── ProductDetail.scss
│   ├── ProductList
│   │   ├── Brand
│   │   │   ├── Brand.js
│   │   │   └── Brand.scss
│   │   ├── Price
│   │   │   ├── Price.js
│   │   │   └── Price.scss
│   │   ├── Product
│   │   │   ├── Product.js
│   │   │   └── Product.scss
│   │   ├── ProductList.js
│   │   ├── ProductList.scss
│   │   └── Size
│   │       ├── Size.js
│   │       └── Size.scss
│   └── SignIn
│       ├── SignIn.js
│       ├── SignIn.scss
│       └── termData.js
└── styles
    ├── common.scss
    ├── reset.scss
    └── variables.scss

💡 협업 방법

• Notion과 Trello를 사용하여 scrum, sprint 진행
• GitBook과 Postman을 활용하여 API 및 mockdata형식 공유
  

협업 tools 및 개발규칙는 위키 참조

❤️ 팀원

FrontEnd

구수정	박문영	오주형	정효원

- 구수정 : 상품 리스트 페이지
- 박문영 : 상품 상세 페이지
- 오주형 : 로그인 및 회원가입 페이지, 장바구니 페이지
- 정효원 : 메인페이지(navbar, footer)

BackEnd

이영서	박상욱

- 이영서 : DB 모델링, 로그인 회원가입/상품 리스트 조회/상품 조회 API
- 박상욱 : DB 모델링, 장바구니 API