프로젝트 기본 구조

HOOKDLE/
├── packages/             
│   ├── src/
│   │   └── useToggle.ts
│   ├── index.ts
│   └── package.json
│
├── docs/                 
│   ├── src/
│   │   └── pages/
│   │       └── use-toggle.md
│   └── package.json
│         
└── package.json          

• packages : 실제 react 훅들이 들어가게 될 폴더

• docs : docusaurus 프레임워크를 이용해서 관리하게 될 훅 라이브러리 문서

• package.json : 모노레포 통합 루트 package.json 설정

• 어차피 각각의 폴더 내부에서 package.json이 관리되는데, 왜 루트에서 또 관리해야할까?

프로젝트 세팅 순서

1. 폴더 구조 구성

먼저 루트 디렉토리에서 두 개의 주요 폴더를 생성합니다:

.
├── packages/   // 실제 훅 라이브러리 코드
├── docs/       // Docusaurus 기반 문서 사이트
├── package-lock.json (루트)
└── package.json (루트)

• packages/: hookdle-test 같은 커스텀 훅을 작성하고 npm에 배포할 실제 코드가 위치합니다.
• docs/: 훅 사용법 및 예제를 문서로 정리하기 위한 Docusaurus 기반의 정적 문서 사이트입니다.