1. 리액트 hooks 기초 1.1 리액트 훅이란? 클래스형 컴포넌트의 기능을 사용할 수 있는 함수형 컴포넌트라고 볼 수 있다. life-cycle과 state관리 모두 가능하다. * 1.1.1 혹의 장점 재사용 가능한 로직의 관리가 쉽다는게 제일 큰 장점이다. 이는 훅이 단순한 함수이고 함수 안에서 다른 함수를 호출하는 것으로 새로운 훅...

1. 개요 스토어 안에는, 현재의 앱 상태와, 리듀서가 들어가있고, 추가적으로 몇가지 내장 함수들이 있습니다. 디스패치 (dispatch) store.dispatch(action) * 디스패치는 액션을 발생 시키는 것 이라고 이해하시면 됩니다. * dispatch 라는 함수에는 액션을 파라미터로 전달합니다. 그렇게 호출을 하면, 스토어는 리듀서 ...

1. 개요 useEffect 는 Hook 으로서 컴포넌트가 마운트 됐을 때 (처음 나타났을 때), 언마운트 됐을 때 (사라질 때), 그리고 업데이트 될 때 (특정 props가 바뀔 때) 특정 작업을 처리합니다. useEffect(() = {}, []) 첫번째 파라미터에는 함수, 두번째 파라미터에는 의존값이 들어있는 배열 (deps)을 넣습니다. 만약에 de...

React hooks image Part1에서는 Hook을 통해 Class가 아닌 function(함수)만으로 state를 생성하고 갱신하는 방법을 알아보았습니다. 그러나 우리는 그것을 넘어서 state의 라이프 사이클을 다루고 싶습니다. 그것을 위해 우리는 Effect Hook에 대해 알아보겠습니다. 자 우선 기존에 Class를 통해 라이프 사이클을 ...