๐คซ AI ์ฝ๋ฉ ์๋๋ฅผ ๋ ๋ฐฐ๋ก ๋๋ฆฌ๋ ๋น๋ฐ `.md` ํ์ผ
Source: Dev.to

์์ ์ ๋ฐ๋ณตํ์ง ๋ง์ธ์.
์ฑํ ์์๋ง๋ค โTypeScript์ Tailwind๋ฅผ ์ฌ์ฉํด์ฃผ์ธ์โ ๋ผ๊ณ ์ ๋ ฅํ๋ค๋ฉด AI ๊ฐ๋ฐ์ ์๋ชปํ๊ณ ์๋ ๊ฒ๋๋ค.
์ฐ๋ฆฌ ๋ชจ๋ ๊ฒช์ด๋ดค์ ๊ฒ๋๋ค: Claude 3.5 Sonnet(๋๋ ChatGPT)์ ์ ์ฑํ
์ ์ด๊ณ ์ค๋ฅ ๋ก๊ทธ๋ฅผ ๋ถ์ฌ๋ฃ์ผ๋ฉด AI๊ฐ ์์ ์๊ฒ Python์ผ๋ก ํด๊ฒฐ์ฑ
์ ์ ์ํฉ๋๋ค.
ํ๋ก์ ํธ๋ Rust์ด๋ฏ๋ก ์ด๋ฅผ ๊ณ ์นฉ๋๋ค. ๊ทธ๋ฌ์ AI๋ Rust ํด๊ฒฐ์ฑ
์ ์ ์ํ์ง๋ง ์ค๋๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํฉ๋๋ค. ๋ช ์ฐจ๋ก ์ฃผ๊ณ ๋ฐ์ ๋ค์ ์ฌ๋ฌ๋ถ์ ๋ช ๋ถ๊ณผ ์์ฒ ๊ฐ์ ํ ํฐ์ ๋ญ๋นํ๊ฒ ๋ฉ๋๋ค.
๋ ์ข์ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. Builder.io ํ์ ๊ฐ๋จํ ํธ๋ฆญโLLM์ ์ํ โContext Cheat Sheetโโ์ธ CLAUDE.md ํ์ผ์ ์ฌ์ฉํฉ๋๋ค.
CLAUDE.md๋?
CLAUDE.md๋ฅผ ๋ก๋ด์ฉ README๋ผ๊ณ ์๊ฐํ๋ฉด ๋ฉ๋๋ค.
์ผ๋ฐ README.md๋ ์ฌ๋์ ์ํ ๊ฒ์ด๋ฉฐ ๋ฐฐ์ง์ ๋ง์ผํ
๋ฌธ๊ตฌ๊ฐ ๊ฐ๋ํฉ๋๋ค.
CLAUDE.md๋ AI๋ฅผ ์ํ ๊ฒ์ด๋ฉฐ, ๋ฐ๋ ๋๊ณ ์ฌ์ค์ ๊ธฐ๋ฐํด ๋ชจ๋ธ์ด ์ฆ์ ์ฝ๋ฉ์ ์์ํ๋ ๋ฐ ํ์ํ ์ ๋ณด๋ฅผ ์ ํํ ๋ด๊ณ ์์ต๋๋ค. ์ธ์
์์ ์ ์ด ํ์ผ์ ์ฒจ๋ถ(๋๋ ๋ถ์ฌ๋ฃ๊ธฐ)ํ๋ฉด AI๋ ์ฌ๋ฌ๋ถ์ ์ ์ฅ์์ ๋ํ โ์๋์ด ์์ง๋์ดโ ์์ค์ ์ปจํ
์คํธ๋ฅผ ์ป๊ฒ ๋ฉ๋๋ค.
์๋ฒฝํ CLAUDE.md ํ
ํ๋ฆฟ
Builder.io ๊ฐ์ด๋์ ๋ฐ๋ฅด๋ฉด, ๊ณ ์ฑ๋ฅ ์ปจํ ์คํธ ํ์ผ์ ๋ค ๊ฐ์ ๊ตฌ๋ถ๋ ์น์ ์ ํฌํจํด์ผ ํฉ๋๋ค.
1. Build & Run Commands
AI์๊ฒ ํ๋ก์ ํธ๋ฅผ ์์ํ๊ณ , ํ ์คํธํ๊ณ , ๋น๋ํ๋ ๋ฐฉ๋ฒ์ ๋ช ์ํฉ๋๋ค.
## Commands
- Run Dev: `npm run dev`
- Run Tests: `npm test`
- Build: `npm run build`
- Database: `docker-compose up -d db`
2. Coding Standards (The โNoโGoโ Zone)
AI๊ฐ ๋์ ํจํด์ ์ฌ์ฉํ์ง ์๋๋ก ๋ฐฉ์งํฉ๋๋ค.
## Code Style
- Use TypeScript for all new files.
- Prefer functional components over class components.
- Styling: Use Tailwind CSS utility classes (no CSS modules).
- State Management: Use Zustand, DO NOT use Redux.
- Error Handling: Use try/catch blocks in all async functions.
3. Architecture Overview
ํ๋ก์ ํธ ๊ตฌ์กฐ์ ๋ํ ์ ์ ์ ์ง๋๋ฅผ AI์๊ฒ ์ ๊ณตํฉ๋๋ค.
## Architecture
- /src/components: Reusable UI atoms.
- /src/features: Domainโspecific business logic.
- /src/hooks: Custom React hooks.
- **Rule**: Business logic should NEVER exist inside UI components. Move it to a custom hook.
4. Tech Stack Definition
์ฃผ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ชจ๋ ๋์ดํด AI๊ฐ ์๋ชป๋ import๋ฅผ ๋ง๋ค์ด๋ด๋ ์ผ์ ๋ฐฉ์งํฉ๋๋ค.
## Tech Stack
- Frontend: Next.js 14 (App Router)
- UI: Shadcn UI + Lucide Icons
- DB: Supabase
- Auth: Clerk
์ ์ด๊ฒ์ด ๋ชจ๋ ๊ฒ์ ๋ฐ๊พธ๋๊ฐ
์ด ํ์ผ์ Claude์๊ฒ ์ธ์ ์์ ์ ์ ๊ณตํ๊ฑฐ๋(๋๋ Claude Projects์ โProject Knowledgeโ์ ์ถ๊ฐ) ํ๋ฉด ์ธ ๊ฐ์ง ์ผ์ด ์ผ์ด๋ฉ๋๋ค:
- ZeroโShot Accuracy: AI๊ฐ ์ฆ์ ์ฌ๋ฌ๋ถ์ ์คํ์ผ์ ๋ง๋ ์ฝ๋๋ฅผ ์์ฑํฉ๋๋คโ
const๋ฅผvar๋ก ๋ฐ๊พธ๊ฑฐ๋ ๋๋ฝ๋ ํ์ ์ ์ถ๊ฐํ ํ์๊ฐ ์์ต๋๋ค. - Less Hallucination: ๋ช
์์ ์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ชฉ๋ก ๋๋ถ์ ์ด๋ฏธ
fetch๋ฅผ ์ฌ์ฉํ๊ณ ์๋๋ฐaxios๋ฅผ ์ค์นํ๋ผ๋ ์ ์์ ๋ฐ์ง ์๊ฒ ๋ฉ๋๋ค. - Onboarding Aid: ์๋ก์ด ๊ฐ๋ฐ์๋
CLAUDE.md๋ฅผ ์ฝ๊ณ ๋ถํ์ํ ์ก๋ด ์์ด ์๊ฒฉํ ๊ธฐ์ ๊ฐ์ด๋๋ฅผ ํ์ ํ ์ ์์ต๋๋ค.
์ปจํ ์คํธ ์ฝ์ ์๋ํ
ํ์ผ์ ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌํ๋ ์คํฌ๋ฆฝํธ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค. copy-context.sh ์คํฌ๋ฆฝํธ๋ฅผ ์์ฑํด ๋ณด์ธ์:
# macOS / Linux
cat CLAUDE.md | pbcopy
echo "Context copied to clipboard!"
./copy-context.sh๋ฅผ ์คํํ๊ณ Claude์ ๋ถ์ฌ๋ฃ์ ๋ค โ๋ก๊ทธ์ธ ์ปดํฌ๋ํธ๋ฅผ ๋ฆฌํฉํฐ๋งํฉ์๋ค.โ ๋ผ๊ณ ๋งํ๋ฉด ๋ฐ๋ก ๋์ํฉ๋๋ค.
๋ฏธ๋: .ai ํ์ผ?
์ฐ๋ฆฌ๋ AIโNative Repositories ๋ก ๋์๊ฐ๊ณ ์์ต๋๋ค. Git์ ์ํ .gitignore, Docker๋ฅผ ์ํ .dockerignore๊ฐ ์๋ฏ์ด, ๊ณง ๋ชจ๋ ์ ์ฅ์๋ AI ์์ด์ ํธ๋ฅผ ์ํ ์ค์ ํ์ผ์ด ํ์ํด์ง ๊ฒ์
๋๋ค.
์ด๋ฅผ .cursorrules, CLAUDE.md, context.txt ๋ฑ์ผ๋ก ๋ถ๋ฅด๋ , ์์น์ ๋์ผํฉ๋๋ค: ์ปจํ
์คํธ๊ฐ ์์ด๋ค.
์ค๋ ํ๋ก์ ํธ์ CLAUDE.md๋ฅผ ๋ง๋ค์ด ๋ณด์ธ์โ๋์ค์ ์ค์ค๋ก์๊ฒ ๊ฐ์ฌํ๊ฒ ๋ ๊ฒ๋๋ค.