jeongbaebang_dev

어디서나 볼 수 있는 카운터 애플리케이션 만들어보기 (feat. RTK) 우선 공식문서에서 추천하는 구조로 애플리케이션을 만들어 보고자 합니다. /src index.ts App.ts /app hooks.ts - 커스텀 타입을 지정합니다. store.ts - 여러 가지 스토어 관련 설정을 할 수 있는 파일입니다. /features /counter Counter.tsx - 상태를 받아 UI를 처리하는 컴포넌트를 작성합니다. counterSlice.ts - Redux 로직을 작성합니다. Redux Store configureStroe 메서드를 통해서 Redux 스토어를 만들게 됩니다. reducer 속성에 전달하고자 하는 리듀서를 넣어주면 됩니다. const stroe = configureStore({ red..

Redux는 도대체 뭐하는 친구일까 저도 처음에 React에 접한 이후 다음으로 학습해야 하는 필수 라이브러리 항상 Redux가 언급되곤 했습니다. 그렇게 Redux를 사용해야 하는 배경 또한 제대로 알지 못한 채 코드에 익숙해지기만을 바라며 학습을 진행하다 보니 결국에는 관련 이슈가 발생해도 배경지식에 깊이가 없어 어려움을 겪곤 했습니다. Redux팀은 어떠한 문제를 해결하고자 라이브러리를 도입했는지 도입 배경에 대해 포스팅해보고자 합니다. 우선 공식문서에는 다음과 같이 리덕스를 정의하고 있습니다. Redux is a pattern and library for managing and updating application state, using events called "actions". 액션이라고 불리..