TIL

Jony·2024년 6월 4일
0

[TIL]

목록 보기
36/46
post-thumbnail

Redux


: JS 상태관리 라이브러리{상태(state)=데이터} = 전역상태 라이브러리 : Single source of truth => 1)동일한 데이터는 항상 같은 곳에서 가져온다. = store라는 하나의 데이터 공간 : State is read-only => 리액트에선 setState 메서드를 활용해야만 상태 변경 가능, 리덕스에선 `액선`이라는 객체를 통해서만 상태 변경 가능. : Change are made with pure functions => 변경은 순수 함수로만 가능, reducer와 연관있다, (store - action - reducer)

  • Store

: 상태 관리 공간

: 필요한 상태를 담는다.

: 컴포넌트에서 상태 정보가 필요할 때 접근한다.

  • Action

: 앱에서 store에 운반할 데이터(=주문서)

: JS 객체 형식으로 구성

  • Reducer

: action을 store에 바로 전달하는 것이 아니고 reducer에 전달해야 한다.

: 주문한 데이터를 보고 store의 상태를 업데이트

: action을 reducer에 전달하기 위해선 dispatch() 매서드를 사용해야 한다.

  • Dispatch

: store의 내장함수 중 하나로 action을 발생시킨다.

: action을 파라미터로 전달하고 reducer를 호출한다.


  • 장점

    • 유지보수에 용이
    • 디버깅에 유리
    • 예측 가능

전역상태 관리가 필요하거나 로직이 복잡할 때, 상태가 자주 업데이트 될 때 사용하면 좋다고 한다.
그러나 이해하기 어렵다.. 너무 어렵다..ㅠㅠ
정말 봐도봐도 어렵다..

profile
알면 알수록 모르는 코태계

0개의 댓글