redux2 Dispatch, useSelector(), fragment Dispatch : state 를 변화시키는 방법. 스토어의 reducing function은 최신 getState() 결과를 호출하고 호출 시 발생하는 action을 가져다준다. 이것의 결과값은 다음 state에 영향을 준다. useSelector() : 리덕스 스토어 상태에서 데이터를 추출할 때 사용하는 function. const result:any = useSelector ( selector:function, equalityFn?:function ) fragment : React의 일반적인 패턴은 컴포넌트가 여러개의 요소를 반환하는 것이다. fragments를 사용하면 DOM에 별도 노드를 추가하지 않고 자식 목록을 그룹화할 수 있다. 위는 fragment를 선언하기 위해 사용할 수 있는 짧은 구.. 2021. 7. 14. Redux, Redux Toolkit, Reducers, actions Redux : 리덕스는 자바스크립트 어플리케이션을 위한 예측가능한 상태 컨테이너이다. 클라이언트, 서버 및 기본 환경에서 실행되며 테스트하기 쉬운 어플리케이션을 작성하는데 도움이 된다. 리액트 혹은 다른 뷰 라이브러리(?) 함께 사용할 수 있다. Redux Toolkit : 리덕스 툴킷 패키지는 리덕스 로직을 쓰기 위한 공식 방식이다. 만들어진 이유? 1. 리덕스 스토어가 너무 복잡해서 2. 뭔가 유용한 것을 할 때(?) 리덕스에서 너무 많은 패키지들을 가져와야하기 때문에 3. 리덕스에 너무 많은 공통 코드가 있어서 Reducers : 현재 state와 action을 인수(arguments)로 받아 새로운 state를 리턴한다. (state, action) => newState actions : type.. 2021. 7. 13. 이전 1 다음