Redux
Redux
(4)
Post Thumbnail Image
Redux
[Redux] Redux Toolkit(RTK)의 createSlice로 코드 간소화하기
Redux Toolkit의 createSlice로 코드를 간소화시켜보자. createSlice는 매개변수로 초기 state와 slice의 이름, reducer를 받아 reducer와 state에 해당하는 action type과 action 함수를 자동으로 생성해주는 함수이다. 즉, 리듀서와 액션을 따로 분리해서 작성할 필요 없이 하나의 함수로 간단하게 선언 및 관리할 수 있다는 것이다.
2023.03.20
Post Thumbnail Image
Redux
[Redux] Redux와 React로 To Do List(투두리스트) 만들기
리덕스로 투두리스트 앱을 만들어보자! 기능 설계 간단한 투두리스트이므로 항목 추가와 삭제, 체크 표시, 필터별 확인 기능 정도만 구현해볼 것이다. ✓check list todo 항목 추가 todo 항목 삭제 체크 토글 버튼으로 완료 표시 완료 항목 또는 완료되지 않은 항목과 같은 필터별 항목 표시 기능
Post Thumbnail Image
Redux
[Redux] Redux를 사용해서 Counter(카운터) 만들기 (feat. React)
counter(카운터) 앱을 만들어보면서 리덕스 기초를 익혀보자. 기능 설계 리덕스로 상태를 관리하고 이벤트가 발생할 때마다 변경된 상태를 화면에 띄워주는 기능을 구현할 것이다. ✔︎ check list - + 버튼으로 카운트 증가
2023.03.15
Post Thumbnail Image
Redux
[Redux] createStore 대신 RTK의 configureStore 사용하기
Redux Toolkit을 사용하여 createStore 대신 configureStore를 사용하자. Redux Toolkit(RTK) Redux Toolkit(RTK)은 리덕스에서 권장하는 도구 모음으로, 리덕스가 가진 세 가지 주요 문제점을 해결하기 위해 만들어졌다.
nxnaxx blog © 2022-2024 Powered By Gatsby.