/shopping-cart

E-commerce website with shopping-cart

Primary LanguageTypeScript

shopping-cart

E-commerce website with shopping-cart

프로젝트 실행법

git clone https://github.com/ghojeong/shopping-cart.git

cd ./shopping-cart

npm i

npm start

설계

redux-observable을 통해 React + Redux + RxJS 활용

Directory Structure

└── src
    ├── actions
    ├── assets
    ├── components
    ├── epics
    ├── lib
    ├── models
    ├── pages
    ├── reducers
    ├── routes
    ├── scss
    ├── selectors
    └── services
  • actions
  • assets
    • 정적인 데이터들에 관한 파일들을 모아놓는 디렉토리
  • components
  • epics
  • lib
    • 나중에 모듈로 분리할 필요가 있는 로직을 정리한 디렉토리
  • models
    • DTO에 사용되는 데이터 모델들을 정의해 놓은 디렉토리
    • 지금은 interface 로 정의되어 있지만, instance 를 직접 만들고 수정할 필요가 있을 경우 class 로 만들 수도 있다.
  • pages
    • 웹 페이지를 모아놓은 디렉토리
    • Next.js 의 pages를 미약하게 흉내내서 이름지은 디렉토리명이다.
  • reducers
  • routes
    • pages에 정의된 페이지로 이동할 수 있도록, 라우팅과 관련한 것들을 모아놓은 디렉토리
  • scss
    • scss 파일들을 모아놓은 디렉토리
    • 스타일링은 전부 scss 에서 할 수 있도록 강제한다.
  • selectors
    • store 에서 데이터를 가져오는 selector 를 정의한 디렉토리
    • react-redux 라이브러리의 useSelector 훅을 사용하기 위한 selector 함수들을 모아놓은 디렉토리이다.
  • services