220518 라이브러리

SOMEmo·2022년 5월 18일
0

데이터 모킹 라이브러리

모킹(Mocking)이란?

Mock(모의 데이터)을 만들어서 활용하는 방식
통상적으로 data fetch를 해야하는 경우 통신을 통해 응답을 내려주는 서버가 있어야 함.
서버가 없는 경우,
api 요청으로 내려올 데이터를 프론트에서 모킹하거나
서버의 역할을 해주는 무언가(데이터 fetch해보기 강의에서는 github)가 필요

msw

Mocking -> 모의 데이터 활용
Browser -> Service worker 활용
REST API/GraphQL -> 모두 모킹이 가능

msw 2

mock -> handeler / brower만 있어도 동작
public -> npx msw init <PUBLIC_PATH>
기타 커스텀 -> query / patching / error

상태관리 라이브러리

Redux

전역 상태 관리 -> vs 지역 상태 관리
단 방향 데이터(상태) 흐름 -> Flux
구성 요소 -> Store/Reducer/Action/Selector

Redux 2

RTK -> Redux 라이브러리들 조합
라이브러리들 -> immer /saga/ thunk / reselect
Redux Dev Tools -> Chrome extension

Redux 3

Hooks -> useSelector/ useDispatch
API 통신 -> 비동기 작업(RTK-Query)
Redux-Thunk ->Action으로 API 요청/결과 Store에 반영

0개의 댓글