고양이발일기

2020/05/22 - [분류 전체보기] - [2020.05.22] 4월에 했던 Redux 다시 정리하기(1) Redux 개념 용어 액션 ( Action ) - 상태에 변화가 필요하게 될때 액션을 발생 시킨다. 하나의 '객체' 역할을 함. { type : "START_TIMER" } 액션 생성 함수 ( Action Creater ) - 액션을 만드는 함수. 파라미터를 받아서 액션 객체를 생성한다. function startTimer() { return{ type: START_TIMER } } 리듀서 ( Reducer ) - 변화를 일으키는 함수. state 와 action 총 두개의 파라미터를 받는다. 현재의 상태와 전달받은 액션을 참고해 ' 새로운 상태 '를 만들어 반환한다. function reduc..

Redux란? - '상태관리 라이브러리' 이다. Redux 를 왜쓰는가? - 컴포넌트 구조가 복잡할 경우 매우 유용하다. - global state 관리가 쉽다. ㄴglobal state와 local state가 있다. 예를 들자면, 인스타그램의 경우 global state는 유저가 로그인을 했는가? 정도를 들 수 있고 local state 는 한 게시글에 좋아요를 눌렀는가? 정도로 생각하면 된다. Redux를 사용하지 않을때, A라는 컴포넌트에서 함수를 실행시켜 B컴포넌트에 있는 props를 변화 주고 싶다면 Root -> A의 상위 컴포넌트 들 -> A -> A의 상위 컴포넌트 들 -> Root -> B의 상위 컴포넌트 들 -> B 이런 식으로 가야한다. 이 방식에서 오는 단점은 1. 해당 props..