Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 줍니다.

이번 실습은 다음과 같은 흐름으로 진행됩니다.

▲ 그림 8-1 Hooks 배우기

 

실습을 진행하기 위해 create-react-app을 사용하여 새로운 프로젝트를 생성해 주세요.

$ yarn create react-app hooks-tutorial