리액트 Hook을 사용하기 위해서는 Hook의 규칙을 지켜야만 한다. 아래는 리액트 공식문서에 등록된 Hook의 규칙이다. 1. 최상위(at the Top Level)에서만 Hook을 호출해야 합니다 💡 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 마세요. 대신 early return이 실행되기 전에 항상 React 함수의 최상위(at the top level)에서 Hook을 호출해야 합니다. 이 규칙을 따르면 컴포넌트가 렌더링 될 때마다 항상 동일한 순서로 Hook이 호출되는 것이 보장됩니다. 이러한 점은 React가 useState 와 useEffect 가 여러 번 호출되는 중에도 Hook의 상태를 올바르게 유지할 수 있도록 해줍니다. 이 점에 대해서 궁금하다면 [아래](https://ko.reactjs.org/docs/hooks-rul