๐Ÿคซ AI ์ฝ”๋”ฉ ์†๋„๋ฅผ ๋‘ ๋ฐฐ๋กœ ๋Š˜๋ฆฌ๋Š” ๋น„๋ฐ€ `.md` ํŒŒ์ผ

๋ฐœํ–‰: (2026๋…„ 1์›” 18์ผ ์˜ค์ „ 10:18 GMT+9)
6 min read
์›๋ฌธ: Dev.to

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๋ฅผ ๋งŒ๋“ค์–ด ๋ณด์„ธ์š”โ€”๋‚˜์ค‘์— ์Šค์Šค๋กœ์—๊ฒŒ ๊ฐ์‚ฌํ•˜๊ฒŒ ๋  ๊ฒ๋‹ˆ๋‹ค.

Back to Blog

๊ด€๋ จ ๊ธ€

๋” ๋ณด๊ธฐ ยป

๊ธฐ์ˆ ์€ ๊ตฌ์›์ž๊ฐ€ ์•„๋‹ˆ๋ผ ์ด‰์ง„์ž๋‹ค

์™œ ์‚ฌ๊ณ ์˜ ๋ช…ํ™•์„ฑ์ด ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ๋ณด๋‹ค ๋” ์ค‘์š”ํ•œ๊ฐ€? Technology๋Š” ์ข…์ข… ๋งˆ๋ฒ• ์Šค์œ„์น˜์ฒ˜๋Ÿผ ์ทจ๊ธ‰๋œ๋‹คโ€”์ผœ๊ธฐ๋งŒ ํ•˜๋ฉด ๋ชจ๋“  ๊ฒƒ์ด ๊ฐœ์„ ๋œ๋‹ค. ์ƒˆ๋กœ์šด software, ...

์—…๊ณ„ ์„ค๋ฌธ์กฐ์‚ฌ: ์ฝ”๋”ฉ์€ ๋นจ๋ผ์ง€๊ณ  ๋””๋ฒ„๊น…์€ ๋А๋ ค์ง„๋‹ค

AIโ€‘์ง€์› ํ”„๋กœ๊ทธ๋ž˜๋ฐ: ๊ฐœ๋ฐœ ๋ฐ ๋””๋ฒ„๊น… ์‹œ๊ฐ„์˜ ๋ณ€ํ™” ์ธ๊ณต์ง€๋Šฅ์˜ ๊ธ‰์†ํ•œ ๋ฐœ์ „๊ณผ ํ•จ๊ป˜, GitHub์™€ ๊ฐ™์€ AIโ€‘์ง€์› ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋„๊ตฌ๊ฐ€โ€ฆ

์—์ด์ „ํ‹ฑ ์ฝ”๋”ฉ์— ์ž…๋ฌธํ•˜๊ธฐ

Copilot Agent์™€์˜ ๊ฒฝํ—˜ ๋‚˜๋Š” ์ฃผ๋กœ GitHub Copilot์„ ์‚ฌ์šฉํ•ด ์ธ๋ผ์ธ ํŽธ์ง‘๊ณผ PR ๋ฆฌ๋ทฐ๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์œผ๋ฉฐ, ๋Œ€๋ถ€๋ถ„์˜ ์‚ฌ๊ณ ๋Š” ๋‚ด ๋จธ๋ฆฌ๋กœ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ ๋‚˜๋Š” t...

npm Classic Tokens ์‚ฌ๋ผ์ง: ๋ฐฐํฌ๋ฅผ ์ง€์†ํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ์ € ์œ ์ง€๋ณด์ˆ˜ ๋ฐฉ๋ฒ•

๋ฐฐ๊ฒฝ: npm์ด ์ตœ๊ทผ ํด๋ž˜์‹ npm ํ† ํฐ์ด deprecated(์‚ฌ์šฉ ์ค‘๋‹จ)๋˜๊ณ  revoked(ํ๊ธฐ)๋œ๋‹ค๊ณ  ๋ฐœํ‘œํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ์‚ฌ์šฉ์ž๋Š” expiration์ด ํฌํ•จ๋œ granular tokens๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.