๊ธฐํ˜ธ๋กœ ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ ์‹ค์‹œ๊ฐ„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฒ•

์ด๋ฏธ์ง€
ํด๋กœ๋“œ ์ฝ”๋“œ์—์„œ ๊ธฐํ˜ธ๋กœ ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ๋ฅผ ์‹ค์‹œ๊ฐ„ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ• (2026๋…„ ๊ธฐ์ค€) ํด๋กœ๋“œ ์ฝ”๋“œ ์“ฐ๋‹ค ๋ณด๋ฉด ์ด๋Ÿฐ ๋‹ต๋‹ตํ•œ ์ˆœ๊ฐ„์ด ๊ผญ ์˜ต๋‹ˆ๋‹ค. “๋‚ด๊ฐ€ ์ง€๊ธˆ ์–ด๋–ค ํ”„๋กœ์ ํŠธ์ธ์ง€ ์•Œ๊ณ  ๋งํ•˜๋Š” ๊ฑฐ ๋งž์ง€?” ๋ถ„๋ช… ๊ฐ™์€ ์งˆ๋ฌธ์ธ๋ฐ ์–ด์ œ์™€ ์˜ค๋Š˜ ๋‹ต์ด ๋‹ฌ๋ผ์ง€๊ณ , ๋งฅ๋ฝ์„ ๋‹ค์‹œ ์„ค๋ช…ํ•˜๋А๋ผ ์‹œ๊ฐ„๋งŒ ๊ฐ‘๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋ฅผ ํ•œ ๋ฒˆ์— ํ•ด๊ฒฐํ•ด์ฃผ๋Š” ํ•ต์‹ฌ์ด ๊ธฐํ˜ธ๋ฅผ ์ด์šฉํ•œ ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ ์‹ค์‹œ๊ฐ„ ์ถ”๊ฐ€ ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ํด๋กœ๋“œ ์ฝ”๋“œ์—์„œ ๊ธฐํ˜ธ๋ฅผ ํ™œ์šฉํ•ด ํ”„๋กœ์ ํŠธ ๋งฅ๋ฝ์„ ์ฆ‰์‹œ ์ฃผ์ž…ํ•˜๋Š” ๋ฐฉ๋ฒ• ์„ ์‰ฝ๊ณ  ์žฌ๋ฏธ์žˆ๊ฒŒ ์ •๋ฆฌํ•ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿ“Œ ๋ชฉ์ฐจ ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ๊ฐ€ ์™œ ์ค‘์š”ํ•œ๊ฐ€ ์ปจํ…์ŠคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ํ•ต์‹ฌ ๊ธฐํ˜ธ ์ •๋ฆฌ @ ๊ธฐํ˜ธ๋กœ ์ปจํ…์ŠคํŠธ๋ฅผ ์ฆ‰์‹œ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋ฒ• ์‹ค์‹œ๊ฐ„ ์ปจํ…์ŠคํŠธ ์ถ”๊ฐ€ ์‹ค์ „ ์˜ˆ์‹œ ์ปจํ…์ŠคํŠธ๋ฅผ ์•ˆ์ •์ ์œผ๋กœ ์œ ์ง€ํ•˜๋Š” ์š”๋ น ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ๊ฐ€ ์™œ ์ค‘์š”ํ•œ๊ฐ€ AI๋Š” ๋˜‘๋˜‘ํ•˜์ง€๋งŒ ์•„๋ฌด ๋งฅ๋ฝ ์—†์ด ์ผํ•˜์ง€๋Š” ๋ชปํ•ฉ๋‹ˆ๋‹ค. ๊ฐ™์€ “๋ฆฌํŒฉํ„ฐ๋ง”์ด๋ผ๋Š” ๋ง๋„ ํ”„๋กœ์ ํŠธ๋งˆ๋‹ค ์˜๋ฏธ๊ฐ€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๊ทœ๋ชจ, ์‚ฌ์šฉ ๊ธฐ์ˆ , ํŒ€ ๊ทœ์น™์„ ๋ชจ๋ฅด๋ฉด ๋‹ต๋ณ€์€ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ถ”์ƒ์ ์œผ๋กœ ๋ณ€ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐํ˜ธ๋กœ ์ปจํ…์ŠคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ํ˜„์žฌ ํ”„๋กœ์ ํŠธ ๊ธฐ์ค€ ์œผ๋กœ ๋ชจ๋“  ์„ค๋ช…์ด ์žฌ์ •๋ ฌ๋ฉ๋‹ˆ๋‹ค. ์ด ์ฐจ์ด๋Š” ์ž‘์—…์ด ๊ธธ์–ด์งˆ์ˆ˜๋ก ํ›จ์”ฌ ํฌ๊ฒŒ ๋А๊ปด์ง‘๋‹ˆ๋‹ค. ์ปจํ…์ŠคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ํ•ต์‹ฌ ๊ธฐํ˜ธ ์ •๋ฆฌ ํด๋กœ๋“œ ์ฝ”๋“œ์—์„œ ์ปจํ…์ŠคํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ํ•ต์‹ฌ ๊ธฐํ˜ธ๋Š” ๋‹จ์ˆœํ•ฉ๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๋Œ€ํ‘œ์ ์ธ ๊ฒƒ์ด @ ๊ธฐํ˜ธ ์ž…๋‹ˆ๋‹ค. @๋Š” “์ด ํŒŒ์ผ ๋˜๋Š” ์ด ์ •๋ณด๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ƒ๊ฐํ•ด๋ผ”๋ผ๋Š” ๋ช…ํ™•ํ•œ ์‹ ํ˜ธ์ž…๋‹ˆ๋‹ค. ํŒŒ์ผ๋ฟ ์•„๋‹ˆ๋ผ ์„ค๋ช… ๋ฌธ์žฅ, ์—ญํ•  ์ง€์ •๊ณผ ํ•จ๊ป˜ ์“ฐ๋ฉด ์ปจํ…์ŠคํŠธ ํšจ๊ณผ๊ฐ€ ๋ฐฐ๋กœ ์ปค์ง‘๋‹ˆ๋‹ค. ๊ธฐํ˜ธ๋Š” AI์—๊ฒŒ ์ฃผ๋Š” ํ‘œ์ง€ํŒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. @ ๊ธฐํ˜ธ๋กœ ์ปจํ…์ŠคํŠธ๋ฅผ ์ฆ‰์‹œ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋ฒ• ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ์‹์€ ํŒŒ์ผ์„ ์ง์ ‘ ์ง€์ •ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. @src/Layout.tsx ์ด ํ”„๋กœ์ ํŠธ์˜ ์ „์ฒด ๊ตฌ์กฐ ๊ธฐ์ค€...

์œˆ๋„์šฐ์—์„œ ํด๋กœ๋“œ ์ฝ”๋“œ ์„ค์น˜ํ•˜๊ณ  VSCode ์—ฐ๋™ํ•˜๊ธฐ

์œˆ๋„์šฐ์—์„œ Claude Code ์„ค์น˜ํ•˜๊ณ 
VSCode ์—ฐ๋™ํ•˜๋Š” ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ• (2026 ์ตœ์‹ ํŒ)

AI ์ฝ”๋”ฉ ๋„๊ตฌ๋ฅผ ์“ฐ๋‹ค ๋ณด๋ฉด ํ•œ ๋ฒˆ์ฏค ์ด๋Ÿฐ ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค.

“ChatGPT๋„ ์ข‹์€๋ฐ…
์ฝ”๋“œ ์ดํ•ด๋ ฅ์€ ํด๋กœ๋“œ๊ฐ€ ๋” ๋ฏธ์นœ ๊ฑฐ ์•„๋‹Œ๊ฐ€?”

์‹ค์ œ๋กœ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด Claude Code๋ฅผ ์‹ค์ „ ์ž‘์—…์— ๋ถ™์ด๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค.
ํ•˜์ง€๋งŒ ๋ฌธ์ œ๋Š” ํ•˜๋‚˜.

์œˆ๋„์šฐ์—์„œ๋Š” ๊ทธ๋ƒฅ ์„ค์น˜๊ฐ€ ์•ˆ ๋œ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค.


๐Ÿ“Œ ๋ชฉ์ฐจ (ํด๋ฆญํ•˜๋ฉด ์ด๋™ํ•ฉ๋‹ˆ๋‹ค)


1️⃣ Claude Code๊ฐ€ ๋ญ”๋ฐ ์ด๋ ‡๊ฒŒ ๋‚œ๋ฆฌ์ผ๊นŒ

Claude Code๋Š” Anthropic์—์„œ ๋งŒ๋“  ๊ฐœ๋ฐœ์ž ์ „์šฉ AI ์ฝ”๋”ฉ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

์ผ๋ฐ˜ ์ฑ„ํŒ…ํ˜• AI๊ฐ€ ์•„๋‹ˆ๋ผ,
์‹ค์ œ ์ฝ”๋“œ๋ฒ ์ด์Šค๋ฅผ ์ฝ๊ณ 
ํŒŒ์ผ ๊ตฌ์กฐ๋ฅผ ์ดํ•ดํ•˜๋ฉฐ
ํ„ฐ๋ฏธ๋„์—์„œ ํ•จ๊ป˜ ์ž‘์—…ํ•˜๋Š” AI์ž…๋‹ˆ๋‹ค.

ํŠนํžˆ ์ด๋Ÿฐ ๋ถ€๋ถ„์—์„œ ์ฒด๊ฐ์ด ํฝ๋‹ˆ๋‹ค.

- ๋ ˆ๊ฑฐ์‹œ ์ฝ”๋“œ ๋ถ„์„
- ๋Œ€๊ทœ๋ชจ ํŒŒ์ผ ์ˆ˜์ •
- ํ•จ์ˆ˜ ์˜๋„ ํŒŒ์•…
- “์ด ์ฝ”๋“œ ์™œ ์ด๋ ‡๊ฒŒ ์งฐ๋Š”์ง€” ์„ค๋ช…

๊ทธ๋ž˜์„œ ์š”์ฆ˜ ๊ฐœ๋ฐœ์ž ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ๋Š”
“ํด๋กœ๋“œ๋Š” ์ง„์งœ ์˜†์ž๋ฆฌ ์‹œ๋‹ˆ์–ด ๊ฐ™๋‹ค”๋Š” ๋ง์ด ๋‚˜์˜ต๋‹ˆ๋‹ค.


2️⃣ ์œˆ๋„์šฐ์—์„œ ๋ฐ”๋กœ ์„ค์น˜๊ฐ€ ์•ˆ ๋˜๋Š” ์ง„์งœ ์ด์œ 

์—ฌ๊ธฐ์„œ ๋งŽ์€ ๋ถ„๋“ค์ด ๋ง‰ํž™๋‹ˆ๋‹ค.

Claude Code๋Š” macOS / Linux ์ „์šฉ์œผ๋กœ ์„ค๊ณ„๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
์ฆ‰, Windows ๋„ค์ดํ‹ฐ๋ธŒ ์ง€์›์ด ์—†์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์„ ํƒ์ง€๋Š” ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.

WSL2 (Windows Subsystem for Linux)

์ด๊ฑธ ์“ฐ๋ฉด ์œˆ๋„์šฐ ์•ˆ์—์„œ
“๋ฆฌ๋ˆ…์Šค์ธ ์ฒ™” ํ™˜๊ฒฝ์„ ๋งŒ๋“ค์–ด์„œ Claude Code๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ๋ฐฉ์‹์€ ์ž„์‹œ๋ฐฉํŽธ์ด ์•„๋‹™๋‹ˆ๋‹ค.
ํ˜„์žฌ Anthropic์—์„œ๋„ ๊ณต์‹์ ์œผ๋กœ ๊ถŒ์žฅํ•˜๋Š” ์œˆ๋„์šฐ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.


3️⃣ WSL2 ์„ค์น˜ (์œˆ๋„์šฐ ํ•„์ˆ˜ ๊ด€๋ฌธ)

์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ต์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

1️⃣ ๊ด€๋ฆฌ์ž ๊ถŒํ•œ PowerShell ์‹คํ–‰

2️⃣ ์•„๋ž˜ ๋ช…๋ น์–ด ์ž…๋ ฅ

wsl --install

์„ค์น˜๊ฐ€ ๋๋‚˜๋ฉด ์žฌ๋ถ€ํŒ… ํ›„
Ubuntu๊ฐ€ ์ž๋™ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.

์ด์ œ ์—ฌ๋Ÿฌ๋ถ„์˜ ์œˆ๋„์šฐ ์•ˆ์—๋Š”
์ง„์งœ ๋ฆฌ๋ˆ…์Šค ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์ด ์ƒ๊ธด ์ƒํƒœ์ž…๋‹ˆ๋‹ค.


4️⃣ Claude Code ์‹ค์ œ ์„ค์น˜ ๋ฐฉ๋ฒ•

์ด์ œ Ubuntu ํ„ฐ๋ฏธ๋„์—์„œ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

๋จผ์ € Node.js๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

sudo apt update
sudo apt install nodejs npm

์ด์ œ Claude Code ์„ค์น˜

npm install -g @anthropic-ai/claude-code

์„ค์น˜ ํ›„ ์‹คํ–‰

claude

์ฒ˜์Œ ์‹คํ–‰ ์‹œ Anthropic ๊ณ„์ • ๋กœ๊ทธ์ธ์„ ์š”๊ตฌํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๊นŒ์ง€ ์˜ค๋ฉด ์„ฑ๊ณต์ž…๋‹ˆ๋‹ค ๐ŸŽ‰


5️⃣ VSCode์™€ ์—ฐ๋™ํ•˜๋Š” ํ•ต์‹ฌ ์„ค์ •

์ด ๋‹จ๊ณ„์—์„œ ์ƒ์‚ฐ์„ฑ์ด ํญ๋ฐœํ•ฉ๋‹ˆ๋‹ค.

1️⃣ VSCode ์„ค์น˜
2️⃣ ํ™•์žฅ ๊ฒ€์ƒ‰: WSL
3️⃣ “Remote - WSL” ์„ค์น˜

์ด์ œ Ubuntu ํ„ฐ๋ฏธ๋„์—์„œ

code .

VSCode๊ฐ€ ๋ฆฌ๋ˆ…์Šค ํ™˜๊ฒฝ์œผ๋กœ ๋ฐ”๋กœ ์—ฐ๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

๊ทธ ์ƒํƒœ์—์„œ Claude Code๋ฅผ ์‹คํ–‰ํ•˜๋ฉด?

VSCode + ํ„ฐ๋ฏธ๋„ + Claude AI
์ด ์กฐํ•ฉ์ด ์™„์„ฑ๋ฉ๋‹ˆ๋‹ค.


6️⃣ ์‹ค์‚ฌ์šฉ ํ›„๊ธฐ์™€ ํ”ํ•œ ์˜ค๋ฅ˜ ์ •๋ฆฌ

์‹ค์ œ๋กœ ์จ๋ณด๋ฉด ์ด๋Ÿฐ ๋ณ€ํ™”๊ฐ€ ์˜ต๋‹ˆ๋‹ค.

- ์ฝ”๋“œ ์ฝ๋Š” ์†๋„ ์ฒด๊ฐ 2๋ฐฐ
- “์ด๊ฑฐ ์™œ ์ด๋ ‡๊ฒŒ ์งฐ์ง€?” ์ŠคํŠธ๋ ˆ์Šค ๊ฐ์†Œ
- ๋ฆฌํŒฉํ† ๋ง ์ž์‹ ๊ฐ ์ƒ์Šน

๋‹ค๋งŒ ์ฃผ์˜ํ•  ์ ๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

❗ WSL ๋ฉ”๋ชจ๋ฆฌ ์ œํ•œ
❗ ์œˆ๋„์šฐ ํŒŒ์ผ ๊ฒฝ๋กœ ํ˜ผ๋™
❗ ์ฒ˜์Œ์—” ํ„ฐ๋ฏธ๋„์ด ๋‚ฏ์„ค ์ˆ˜ ์žˆ์Œ

ํ•˜์ง€๋งŒ ํ•œ ๋ฒˆ ์ต์ˆ™ํ•ด์ง€๋ฉด
๋‹ค์‹œ ์˜ˆ์ „ ๋ฐฉ์‹์œผ๋กœ๋Š” ๋ชป ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.


๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ

์œˆ๋„์šฐ ์œ ์ €๋ผ์„œ Claude Code ๋ชป ์“ด๋‹ค๋Š” ๊ฑด
์ด์ œ ์˜›๋ง์ž…๋‹ˆ๋‹ค.

WSL + VSCode + Claude Code ์กฐํ•ฉ์€
ํ˜„์žฌ ์œˆ๋„์šฐ์—์„œ ๊ฐ€๋Šฅํ•œ ์ตœ๊ฐ•์˜ AI ์ฝ”๋”ฉ ํ™˜๊ฒฝ์ž…๋‹ˆ๋‹ค.

์ด ๊ธ€์ด ๋„์›€์ด ๋˜์…จ๋‹ค๋ฉด
๋ถ๋งˆํฌ ํ•ด๋‘์…จ๋‹ค๊ฐ€ ์„ค์น˜ํ•  ๋•Œ ๊ทธ๋Œ€๋กœ ๋”ฐ๋ผ ํ•˜์…”๋„ ๋ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ ๊ธ€์—์„œ๋Š”
Claude Code ์‹ค์ „ ํ”„๋กฌํ”„ํŠธ ์˜ˆ์ œ๋ฅผ ์ •๋ฆฌํ•ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

์ด ๋ธ”๋กœ๊ทธ์˜ ์ธ๊ธฐ ๊ฒŒ์‹œ๋ฌผ

์ฉ์ด ์ €์ ˆ๋กœ ๋ฒŒ๋ฆฌ๋Š” ํด๋กœ๋“œ ์ฝ”๋“œ China ์‹œ์žฅ ํŠธ๋ Œ๋“œ ์Šคํฌ๋ž˜ํ•‘ ์Šคํฌ๋ฆฝํŠธ ํ•˜๋Š” ๋ฐฉ๋ฒ•

terminal-setup ํŒŒ์ผ๋กœ ํด๋กœ๋“œ ์ฝ”๋“œ ์ปจํ…์ŠคํŠธ ๊ด€๋ฆฌ๋ฒ•

@package.json ๋ถ„์„ ํด๋กœ๋“œ ์ฝ”๋“œ ์˜์กด์„ฑ ์ •๋ฆฌ ๋ช…๋ น์–ด