불리언 값과 토글 함수를 함께 반환해 여러 컴포넌트에서 같은 열림 닫힘 규칙을 씁니다.
custom hook
커스텀 훅 API 추출
두 컴포넌트가 같은 상태 규칙이나 부수 효과를 반복하면 use로 시작하는 함수에 규칙을 모읍니다.
state와 브라우저 저장소 동기화를 훅 안에 숨겨 컴포넌트 코드를 단순하게 둡니다.
배열은 순서가 중요하고 객체는 이름이 중요하므로 사용하는 쪽의 읽기 방식을 기준으로 고릅니다.
훅 이름이 use로 시작해 규칙 검사를 받을 수 있게 한다.
외부에서 바꿔야 하는 값만 인자로 드러낸다.
사용자가 필요한 state와 함수를 함께 반환한다.
UI 없이 로직만 반복되는지 확인한다.