[React] 커스텀 React Hook

React hooks 규칙

리액트 컴포넌트 함수 안에서만 사용해야 한다

훅들이 if 조건 중첩 함수에 중첩되어서는 안 된다 +루프

첫번째 규칙은 그렇게 제한적이지 않다.
따라서 다른 훅(커스텀훅)안에서 사용할 수 있다.
==> 사용자 정의 훅 만들 수 있다.

커스텀 훅의 역할

컴포넌트 함수에 들어가는 코드를 감싸고 재사용하기 위함 -> 비슷한 코들를 두개의 다른 컴포넌트에서 두번 쓰지않고 재사용 가능한 함수를 두 함수에 사용

훅은 컴포넌트 내에서나 상태 업데이트에서만 사용될수 있기때문에 다른여러곳에서도 부를 수 있어야함