![[리액트 훅 가이드 1편] 훅(Hook)은 왜 등장했을까? (feat. `useState`, `useEffect`) thumbnail](/_next/image?url=https%3A%2F%2Fqhwezvxghfxmwimpsrad.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fpost-thumbnails%2Fkwangmook_dev_gmail_com%2F1780204485018-d6aeee00-7a17-4898-88fc-3af154ffe73e.webp&w=1536&q=75)
2026. 05. 31.
[리액트 훅 가이드 1편] 훅(Hook)은 왜 등장했을까? (feat. `useState`, `useEffect`)
리액트를 공부하면서 당연하게 쓰던 훅이 왜 생겼는지 다시 정리해봤다. 지금은 함수형 컴포넌트 + 훅이 기본처럼 느껴지지만, 리액트 16.8 이전에는 훅이 없었다. 그때는 상태(State)나 사이드 이펙트를 다루려면 클래스 컴포넌트를 써야 했다고 한다. 이번에 정리한 흐름은 이렇다. 1. 클래스 컴포넌트 생명주기의 한계 2