React Hooks는 무엇이며, 어떻게 사용되는가?

React Hooks은 무엇이며 어떻게 사용되나요?

- useState, useEffect 등 React Hooks에 대해 소개하기
useState는 함수형 컴포넌트에서 상태를 추가할 수 있게 해주는 Hook이다. 이를 사용하여 컴포넌트 내에서 상태를 지역적으로 관리할 수 있다. 배열을 반환하며 첫 번째 요소는 현재 상태 값, 두 번째 요소는 상태를 변경하는 함수이다.
useEffect는 함수형 컴포넌트에서 부수 효과를 처리할 수 있게 해주는 Hook이다. 컴포넌트가 렌더링될 때마다 특정 작업을 수행하거나, 특정 상태의 변경에 따라 작업을 수행할 수 있다. 두 번째 매개변수로 의존성 배열을 받아 해당 의존성이 변경될 때마다 특정 작업을 수행할 수 있도록 지원한다.

- 클래스 컴포넌트와 함수형 컴포넌트의 차이점 설명하기
클래스 컴포넌트는 클래스 기반으로 작성되며, 상태 관리를 위해 this.state와 setState() 메서드를 사용하고 라이프사이클 메서드를 사용하여 컴포넌트의 생명주기를 제어한다. 함수형 컴포넌트는 함수를 기반으로 작성되며, React Hooks를 사용하여 상태 관리 및 생명주기 메서드를 사용한다. 클래스 컴포넌트는 코드가 복잡해지고 이해하기 어려울 수 있는 반면, 함수형 컴포넌트는 간결하고 명확한 코드를 작성할 수 있고 함수형 프로그래밍의 장점을 활용할 수 있다. 최신 React에서는 함수형 컴포넌트를 주로 사용한다.