React의 훅(Hooks)

이 강의에서 우리는 훅에 대해 알아보기 시작할 것입니다. 우리는 상태(state)를 공부할 때 이미 훅을 접해본 적이 있습니다. - 거기서 우리는 상태 훅 useState를 사용하는 법을 배웠습니다.

전반적으로, 훅은 'use'라는 단어로 시작하는 일반적인 JavaScript 함수입니다.

훅을 사용하면 클래스를 사용하지 않고도 React의 상태 및 다른 기능들을 활용할 수 있습니다. 훅은 다양한 작업을 위한 코드 재사용을 쉽게 하고, 테스트를 용이하게 하며, 복잡한 컴포넌트를 목적에 따라 더 간단한 함수로 분할하는 것을 도와줍니다. 몇몇 훅은 Redux의 기능을 대체할 수도 있습니다. 게다가, 훅은 애플리케이션의 성능 향상에도 도움이 됩니다.

훅을 사용하고 싶다면, 두 가지 주요 규칙을 따르세요. 첫째, 최상위 레벨에서만 사용하세요 - 반복문, 조건문, 또는 중첩 함수 내부에서 호출하지 마세요. 둘째, 훅은 React 함수(React 컴포넌트나 사용자 정의 훅 내부)에서만 호출해야 하며, 일반 JavaScript 함수에서는 호출하면 안 됩니다.

또한 개발자들이 자주 저지르는 실수는 코드에서 훅을 통제 없이 사용하는 것입니다. 특정 훅을 사용하기 전에, 그 훅이 정말로 필요한지 확인하세요.

다음 강의에서는 훅의 유형들을 살펴볼 것입니다.