redux

프로젝트를 하면서 사용했던 상태 관리 라이브러리인 Redux에 대해 알아보고자 한다. <리액트를 다루는 기술>이라는 책을 통해 당시 헷갈렸던 개념들을 다시 복습해보고자 한다. 일단 리덕스를 사용하면 좋은 가장 큰 장점은 props drilling(프로퍼티 내려꽂

hook을 통해 리덕스 적용하기useSelector리덕스를 통해 상태 조회하기 (connect 함수 사용대신)useDispatch스토어의 내장 함수 dispatch를 사용할 수 있게 해준다. 컨테이너 컴포넌트에서 액션을 디스패치할 때 사용하면 된다. (connect 함

리액트 프로젝트에서 비동기 작업을 하게 될 상황이 많다. 주로 다루는 비동기 작업 중에는 API 서버 연동이 있으며 서버에 요청을 보냈을 때 받아온 응답의 성공과 에러의 상태 또한 관리를 해줘야 한다. 이를 효율적으로 다루기 위해 리덕스 미들웨어라는 것을 사용해보고 어

저번 파트에서 다뤘던 redux-thunk를 이용해 비동기 요청을 다뤄보았다. 하지만 thunk함수와 로딩 상태를 리듀서에서 관리하려다 보니 코드가 길어져 가독성이 떨어진다. 그래서 반복되는 로직을 분리해 간편하게 작성하고자 한다. 먼저 유틸 함수 파일을 만들어 코드를

저번 파트에서는 리덕스의 미들웨어인 redux-thunk를 통해서 API 요청을 해보았고 오늘 다뤄볼 미들웨어는 redux-saga이다. redux-saga는 언제 사용되는지 알아보고 제너레이터함수를 통해 어떤 방식으로 동작하는지 간략하게 알아보고자 한다. redux-

팀 프로젝트를 진행하면서 물고기 관련 서비스를 개발했는데 서비스와 물고기에 대한 가이드가 많았다. 이러한 가이드를 대부분 모달창으로 구현하였는데 모달 상태에 대한 코드가 너무 많이 생겨서 좀 더 쉽게 구현해보자 하여 redux를 사용하게 되었다. 그래도 각각 뷰로 보일