# Structure

<figure><img src="https://1168173052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9A2Jt7XcUkiyMXRHBecz%2Fuploads%2FfFAcb2KCMqRbaq1VyoNh%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-08-13%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2010.53.16.png?alt=media&#x26;token=cf43c1ae-cb63-47d3-a5fd-e2abc22ac16c" alt="" width="308"><figcaption><p> next-init hooks</p></figcaption></figure>

Hooks 의 기본적인 생성 및 사용방식은 [React 공식문서](https://ko.legacy.reactjs.org/docs/hooks-custom.html#using-a-custom-hook)의 규칙과 동일합니다.

접두사로 `use` 를 붙인 **pascalCase** 의 방식으로 작성하며, **hooks 명칭과 파일 명은 동일**해야 합니다.

`container` / `components` 와 동일한 방식의 **`폴더 + index.ts`** 또는 **하나의 파일**

&#x20;어떤 방식으로 작성하셔도 무방합니다. (23/08/13 기준)

{% hint style="info" %}
**next-init boilerplate에 작성된 hooks 는 사용하지 않는다면 제거해주세요.**
{% endhint %}