hook

hook은 클래스 컴포넌트에서만 사용할 수 있었던 상태 관리와 라이프 사이클 관리 기능을 함수 컴포넌트에서도 사용할 수 있도록 연동해주는 함수를 의미한다. 즉, 함수 컴포넌트에서도 상태 관리와 라이프 사이클 관리 기능을 미리 만들어둔 함수를 가져와서 사용하는 것이기 때문에 hook이라는 이름을 사용하는 것이다.

함수 컴포넌트는 클래스 컴포넌트에 비해 선언하기도 편하고 직관적이며 메모리 자원을 덜 사용한다. 그래서 함수 컴포넌트에 대한 니즈가 높아졌기에 hook이 등장했다..

• hook의 특징은?

함수 컴포넌트에서만 사용이 가능하다.
hook의 이름은 use-로 시작한다.
내장hook이 존재한다. (useState, useEffect 등)
직접 hook을 만드는 것도 가능하다.(custom hook)

• hook의 사용 규칙은?

hook은 함수 컴포넌트 내부, custom hook 내부에서만 호출할 수 있다.
hook은 함수 컴포넌트 내의 최상위(함수 컴포넌트의 첫 번째 중괄호 내부를 의미)에서만 호출해야 한다.