react
-
useState와 useEffect백수의 개발/리액트 2021. 8. 26. 00:02
React Component에 Function Componennt가 도입되면서 state관리와 Life Cycle을 관리하기 위하 useState와 useEffect라는 Hook이 등장했다. useState useState는 상태를 관리하기 위한 Hook이다. React에서는 props와 state의 변경에 따라 컴포넌트들이 rerendering이 되기 때문에 각 컴포넌트 내부에서 바로 반영되어야하는 변경사항들을 관리해줄 수 있다. 아래와 같이 useState의 인자로 초기값을 넣어주고(useState(0)), 실제 값이 바인딩 되는 값을 첫번째 변수([count])에 그리고 값을 수정할 함수를 두번째 변수([setCount])에 정의해준다. const Counter = (() => { const [co..
-
왜 React Hooks인가?백수의 개발/리액트 2021. 8. 25. 00:07
기존 React Component는 React.Component를 기본으로 상속받는 Class Component를 만들어 많이 사용해왔었다. 이러한 Class Component는 몇가지의 단점들이 존재하였다. 코드가 복잡하고 길다. 기본적으로 constructor에서 super에 props를 전달해주는 번거로움이 있다. 이와 함께 this와 binding에 대한 기본 javascript의 지식이 더 필요한 경우들이 있다. 또한, 장점이자 단점으로 상속받는 Component에 내포된 Life Cycle method가 다양하게 있어 다양하게 활용할 수 있으나, 이에 대한 이해가 필요하고 꽤나 무겁다고 느낄 수 있다. 상태관리 로직의 재사용이 힘들다. state관련 처리 로직이 필요한 경우 여러 Life Cy..