지금까지는 정적인 화면만 보여줬습니다. 이번에는 사용자와의 상호 작용으로 유저 인터페이스에 변화를 주는 작업을 해보겠습니다.

이 작업을 진행하려면 상태를 관리해야 합니다. 리액트에서 상태를 관리하는 가장 기본적인 방법은 useState라는 함수를 사용하는 것입니다. 리액트에는 use로 시작하는 다양한 함수가 내장되어 있는데, 이 함수들을 Hook이라고 부릅니다. Hook을 사용하여 상태 관리, 최적화, 컴포넌트 작동 흐름 관리 등 다양한 기능을 구현할 수 있습니다. 그 중에서 useState는 상태 값을 관리하는 함수입니다.

App 컴포넌트에 버튼을 하나 만들어 Box 컴포넌트를 숨기고 다시 보여주는 기능을 한번 구현해보겠습니다.