[React]리액트 훅 & Life Cycle

• 리액트 훅(Hook)의 등장 리액트의 훅은 버전 16.8부터 새로 추가된 기능으로, 클래스형 컴포넌트의 단점을 보완하기 위한 것이다. 먼저 리액트의 컴포넌트는 클래스형과 함수형으로 나뉜다. 클래스형 컴포넌트의 단점으로는 컴포넌트 사이에서 상태 로직 재사용 어려움 render props나 고차 컴포넌트와 같은 패턴을 사용해서 코드 추적이 어려움 복잡한 컴포넌트들은 이해하기 어려움 생명주기 메서드에 관련 없는 로직이 섞여 들어가고, 컴포넌트들을 작게 분리하는 것이 불가능 함 class를 사용하기 위해서는 javascript의 this에 대해 알아야하는데, javascript의 this는 다른 언어에서와는 다르게 작동해서 혼란스러움 위와 같은 단점들을 보완하고자 훅이 등장! Hook의 등장으로 함수형 컴포..