TIL.231128 Redux심화

안은지·2023년 11월 28일
1
post-custom-banner

Redux Toolkit

1. 리덕스툴킷이란?

  • 리덕스를 개량한것으로 구조나 패러다임은 같다.

  • 컴포넌트에서 useSelector를 통해 사용하는 것도 같다.

    리덕스는 Action Value, Action Creato를 별도로 생성해주고 리듀서에 값을 어떻게 변화시킬 지 만들어줬어야 했다. 툴킷을 사용해서 만든 리덕스는 코드의 양이 줄고 Action Value와 Action Creator를 직접 생성하지 않으며 Action Value, Action Creator, Reducer가 하나로 합쳐졌다. Slice 라는 API를 사용해 Action Value, Action Creator, Reducer를 한번해 만들어준다.

2. json-server란?

  • 아주 간단한 DB와 API 서버를 생성해주는 패키지
  • Backend(BE)에서 실제 DB와 API Server가 구축될 때까지 Frontend(FE) 개발에 임시적으로 사용할 mock data를 생성하기 위함
  • json-server를 통해서 FE에서는 BE가 하고 있는 작업을 기다리지 않고, FE의 로직과 화면을 구현 할 수 있어 효율적으로 협업 가능

💡오류 json-server: command not found

json-server를 3001 포트로 서버 가동 시 오류 발생
구글검색으로 해결방법 찾음!!!!!!!!!!!!!!!!!!!!!!

👍해결방법 npx json-server --watch db.json

터미널에 명령어 입력😋

post-custom-banner

0개의 댓글