마켓컬리 클론 프로젝트(프론트 페이지 다누이 컴포넌트 나눔)

SeungMai(junior)·2021년 10월 18일
0

1. 폴더구조

1-1. Pages(큰 단위 컴포넌트)

  • Login.js(로그인 페이지) - 승민
  • Signup.js(회원가입 페이지) - 승민
  • Cart.js(장바구니) - 유빈
  • Main.js(메인페이지) - 원배

1-2. components(중간 단위 컴포넌트)

  • Header.js(헤더 페이지) - 승민
  • Modal.js(모달 창) - 원배
  • Footer.js - 유빈
  • index.js(공통)
  • CartCard.js(장바구니 리스트) - 유빈
  • List.js(메인리스트) - 원배
  • Event.js(광고 & 슬라이더부분) - 원배

1-3. elements(작은 단위 컴포넌트)

  • Text.js(텍스트) - 승민
  • Input.js(인풋) - 승민
  • Button.js(버튼) - 승민
  • index.js(작은 단위 컴포넌트 모아두는 곳) - 승민
  • Card.js(카드 부분!) - 원배

1.4. images(이미지)

  • 이미지라든가 등등!

1-5. shareds

  • App.js - 공통(App.js 잡고 갈 필요있음!)
  • common.js(정규식 표현) - 승민 Or 백엔드
  • api.js(axios)! - 공통!

1-6. redux

1-1. redux

  • configureStore.js - 공통!

1-2. modules

  • user.js - 승민
  • product.js - 원배
  • cart.js - 유빈, 원배
profile
👍🏻 SeungMai (매 순간 기록을!)🧑🏻‍💻 | WIL만 올리고 있습니다 | 기술블로그는 아래 🏠 의 링크를 이용해주세요.

1개의 댓글

comment-user-thumbnail
2021년 10월 19일

오오 마켓컬리!! 저는 한화인 프로젝트에 참여하게 되었어욤 ㅎㅎㅎ

답글 달기