1. 기본 설정 및 mock data 활용🕺

1. 만들어 놓은 프로젝트를 내려받자

git clone https://github.com/prove-ability/cookang

cd coockang

2. 의존성이 있는 모듈을 내려받는다

npm install

3. REST API Mock server 를 실행한다

npm run start:mock

4. 서버를 실행시킨다

npm run start

5. 화면을 살펴본다.

사용중인 모듈

- react
- typescipt
- react-router-dom
- react-helmet-async
- redux-toolkit
- react-redux
- lodash
- axios
- styled-components
- json-server

프로젝트 구조

api
 - axios 를 활용한 요청
components
 - react jsx 를 활용하여 만든 컴포넌트
features
 - 스토어s / redux 에서 권장하는 구조로 reducer 대신 slice 사용
 - 컨테이너 개념의 컴포넌트와 슬라이스(store)
pages
 - 템플릿 블러오기 및 각 페이지 메타 태그 정보
routes
 - 라우팅 정보

현재 프로젝트에서 사용하는 데이터는 mock data 로 json-server 를 활용하여 구축
스토어 ducks 패턴 활용

---

• 참고
  https://redux.js.org/introduction/getting-started - redux 공홈
  https://github.com/prove-ability/cookang - GITHUB