์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

์ œ๋กœ๋ถ€ํ„ฐ TypeScript๋กœ Claude Code ๋งŒ๋“ค๊ธฐ

"์™œ AI๊ฐ€ ์ด๋Ÿฐ ์ฝ”๋“œ๋ฅผ ์งฐ์ง€?", "์™œ ๋ฐฉ๊ธˆ ๋งํ•œ ๊ฑธ ๊ธฐ์–ต ๋ชป ํ•˜์ง€?" ํด๋กœ๋“œ ์ฝ”๋“œ(Claude Code)์™€ ๊ฐ™์€ AI ๋„๊ตฌ๋ฅผ ์“ฐ๋‹ค ๋ณด๋ฉด ๋งˆ์ฃผํ•˜๋Š” ๋‹ต๋‹ตํ•จ, ๊ทธ ์›์ธ์€ ๋„๊ตฌ๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š”์ง€ ๋ชจ๋ฅด๋‹ˆ๊นŒ์ž…๋‹ˆ๋‹ค. ์ด ๊ฐ•์˜๋Š” ๊ทธ ๋ธ”๋ž™๋ฐ•์Šค๋ฅผ ํˆฌ๋ช…ํ•˜๊ฒŒ ์—ด์–ด์ –ํž™๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” 25๊ฐ•์— ๊ฑธ์ณ LLM์—๊ฒŒ ํŒŒ์ผ์„ ๋ณด๋Š” '๋ˆˆ(Read)', ์ฝ”๋“œ๋ฅผ ๊ณ ์น˜๋Š” '์†(Edit)', ๋ช…๋ น์„ ์ˆ˜ํ–‰ํ•˜๋Š” '๋ฐœ(Bash)'์„ ์ง์ ‘ ๋‹ฌ์•„์ฃผ๋ฉฐ, ์‹ค์ œ ํ˜„์—… ๋„๊ตฌ์™€ ๋˜‘๊ฐ™์ด ๋™์ž‘ํ•˜๋Š” ๋‚˜๋งŒ์˜ Coding Agent๋ฅผ ๋ฐ‘๋ฐ”๋‹ฅ๋ถ€ํ„ฐ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค. ๋‹จ์ˆœํžˆ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ๋ฒ•์„ ๋ฐฐ์šฐ๋Š” ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. AI๊ฐ€ ์–ด๋–ป๊ฒŒ ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ๋ฅผ ํŒŒ์•…ํ•˜๊ณ , ์™œ ๊ธด ๋Œ€ํ™”์—์„œ ๊ธฐ์–ต์„ ์žƒ๋Š”์ง€, ๊ทธ๊ฒƒ์„ ๊ธฐ์ˆ ์ ์œผ๋กœ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜๋Š”์ง€(Sliding Window, Summary) ์ง์ ‘ ์ฝ”๋“œ๋กœ ๊ตฌํ˜„ํ•˜๋ฉฐ ์ฒด๋“ํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ณผ์ •์„ ํ†ตํ•ด ์—ฌ๋Ÿฌ๋ถ„์€ AI ๋„๊ตฌ์˜ ๋‹จ์ˆœํ•œ '์‚ฌ์šฉ์ž'์—์„œ, ์ž‘๋™ ์›๋ฆฌ๋ฅผ ๊ฟฐ๋šซ๊ณ  ๋„๊ตฌ๋ฅผ ๋‚ด ์ž…๋ง›๋Œ€๋กœ ๊ฐœ์กฐํ•˜๊ณ  ํ‰๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” 'AI ๊ณต๊ธ‰์ž'์˜ ์‹œ์•ผ๋ฅผ ๊ฐ–๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

(5.0) ์ˆ˜๊ฐ•ํ‰ 1๊ฐœ

์ˆ˜๊ฐ•์ƒ 35๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

์‹ค์Šต ์ค‘์‹ฌ
์‹ค์Šต ์ค‘์‹ฌ
AI ์ฝ”๋”ฉ
AI ์ฝ”๋”ฉ
์‹ค์Šต ์ค‘์‹ฌ
์‹ค์Šต ์ค‘์‹ฌ
AI ์ฝ”๋”ฉ
AI ์ฝ”๋”ฉ
์‚ผ์„ฑ
๋ฐฐ๋‹ฌ์˜๋ฏผ์กฑ
์นด์นด์˜คํŽ˜์ด
๋„ค์˜คํ”Œ
๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ

๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

์‚ผ์„ฑ
๋ฐฐ๋‹ฌ์˜๋ฏผ์กฑ
์นด์นด์˜คํŽ˜์ด
๋„ค์˜คํ”Œ
๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ

๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ

์ž„์ง์›๋“ค๋„ ์ด ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์žˆ์–ด์š”!

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • Claude Code๊ฐ€ ๋™์ž‘ ๊ตฌ์กฐ๋ฅผ ์ดํ•ดํ•˜๊ณ , ๋„๊ตฌ๋ฅผ ๋” ํšจ๊ณผ์ ์œผ๋กœ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

  • ๋‹จ์ˆœํžˆ AI ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์†Œ๋น„์ž๊ฐ€ ์•„๋‹ˆ๋ผ, AI ์—์ด์ „ํŠธ๋ฅผ ์ง์ ‘ ์„ค๊ณ„ํ•˜๊ณ  ๊ณต๊ธ‰ํ•˜๋Š” AI ์—”์ง€๋‹ˆ์–ด๋กœ ์„ฑ์žฅํ•ฉ๋‹ˆ๋‹ค

  • ๋ธ”๋ž™๋ฐ•์Šค์˜€๋˜ Claude Code์˜ 5๋Œ€ ํ•ต์‹ฌ Tool, Agent Loop, ๊ธฐ์–ต ๊ด€๋ฆฌ๋ฅผ ๋ฐ‘๋ฐ”๋‹ฅ๋ถ€ํ„ฐ ์ง์ ‘ ๊ตฌํ˜„ํ•˜๋ฉฐ AI ์—์ด์ „ํŠธ์˜ ์ž‘๋™ ์›๋ฆฌ๋ฅผ ์™„์ „ํžˆ ํ•ด๋ถ€ํ•ฉ๋‹ˆ๋‹ค.

  • ์ด๋ก ์ด ์•„๋‹Œ ์‹ค์ „, ํ”„๋กœ๋•์…˜ ๋ ˆ๋ฒจ์˜ CLI Coding Agent๋ฅผ ๋งŒ๋“ค๊ณ  AI ์—”์ง€๋‹ˆ์–ด๋กœ ๊ฑฐ๋“ญ๋‚ฉ๋‹ˆ๋‹ค.

ํ•™์Šต ๋‚ด์šฉ

์ด๋Ÿฐ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”!

AI Agent์˜ ์ž‘๋™ ์›๋ฆฌ

TypeScript๋กœ 5๊ฐ€์ง€ Tool ๊ตฌํ˜„

Memory์™€ Context ์ตœ์ ํ™”

Agent Loop, Tool Routing ๋“ฑ Cursor/Claude Code์˜ ํ•ต์‹ฌ ๋ฉ”์ปค๋‹ˆ์ฆ˜์„ ํŒŒํ—ค์นฉ๋‹ˆ๋‹ค.

๊ตฌํ˜„ReadFile, EditFile, Bash ๋“ฑ 5๊ฐ€์ง€ Tool์„ ์ง์ ‘ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

Session์œผ๋กœ ๊ธฐ์–ตํ•˜๊ณ , Compression์œผ๋กœ ํ† ํฐ 80% ์ ˆ๊ฐํ•ฉ๋‹ˆ๋‹ค.


์ด๋Ÿฐ ๊ฒฐ๊ณผ๋ฌผ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์š”

TypeScript + Vercel AI SDK๋กœ ๋‚˜๋งŒ์˜ Claude Code๋ฅผ ์ง์ ‘ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Agent ๋™์ž‘ ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๊ณ , ๋ฐ”์ด๋ธŒ์ฝ”๋”ฉ์„ ๋” ์ž˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์™œ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ด์•ผ ํ• ๊นŒ์š”?

AI๋ฅผ ์“ฐ๋Š” ๊ฐœ๋ฐœ์ž๋Š” ๋งŽ์ง€๋งŒ, ๋งŒ๋“œ๋Š” ๊ฐœ๋ฐœ์ž๋Š” ๋“œ๋ญ…๋‹ˆ๋‹ค.
Claude Code๋ฅผ ์ง์ ‘ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด ์›๋ฆฌ๊ฐ€ ๋ณด์ด๊ณ , ํ™œ์šฉ์ด ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค.

React, TypeScript ๊ฐœ๋ฐœ์ž๋ผ๋ฉด, ์ด์ œ AI ์†Œ๋น„์ž๊ฐ€ ์•„๋‹Œ ๊ณต๊ธ‰์ž๊ฐ€ ๋˜์„ธ์š”.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • Claude Code๊ฐ€ ๋ญ”์ง€ ๊ถ๊ธˆํ•œ๋ฐ ์–ด๋””์„œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ• ์ง€ ๋ง‰๋ง‰ํ•œ ๊ฐœ๋ฐœ์ž

  • ๋‚จ๋“ค ๋”ฐ๋ผ AI ๋„๊ตฌ ์“ฐ๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ์›๋ฆฌ๋ถ€ํ„ฐ ์ดํ•ดํ•˜๊ณ  ์‹ถ์€ ๊ฐœ๋ฐœ์ž

  • TypeScript๋Š” ํ•  ์ค„ ์•„๋Š”๋ฐ AI ํ†ตํ•ฉ ๊ฒฝํ—˜์ด ์—†์–ด ์ฒซ ๋ฐœ์„ ๋ชป ๋–ผ๋Š” ๋ถ„

  • AI ์ฝ”๋”ฉ ์—์ด์ „ํŠธ๋ฅผ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์ง€๋งŒ ์ž๋ฃŒ๊ฐ€ ์—†์–ด ๋‹ต๋‹ตํ•œ ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • TypeScript ๊ธฐ๋ณธ ๋ฌธ๋ฒ• (ํ•„์ˆ˜)

  • Git ๊ธฐ๋ณธ ์‚ฌ์šฉ๋ฒ• (์žˆ์œผ๋ฉด ์ข‹์Œ)

์•ˆ๋…•ํ•˜์„ธ์š”
Hiro Son์ž…๋‹ˆ๋‹ค.

192

๋ช…

์ˆ˜๊ฐ•์ƒ

14

๊ฐœ

์ˆ˜๊ฐ•ํ‰

1

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

2

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š”, AI ์ „ํ™˜์„ ๋•๋Š” Hiro ์ž…๋‹ˆ๋‹ค.

ํ˜„์—… ์—”์ง€๋‹ˆ์–ด์—์„œ AI ์—”์ง€๋‹ˆ์–ด๋กœ์˜ ์—ฌ์ •, ์–ด๋ ต์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ €๋„ ๋ฐฑ์—”๋“œ/ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์‹œ์ž‘ํ•ด AI ๋ถ„์•ผ๋กœ ์ „ํ™˜ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๋ถ„๋“ค์„ ์œ„ํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค:

  • ๊ฐœ๋ฐœ ๊ฒฝํ—˜์€ ์žˆ์ง€๋งŒ AI๋Š” ์ฒ˜์Œ์ธ ์—”์ง€๋‹ˆ์–ด

  • ์ˆ˜ํ•™/ํ†ต๊ณ„ ์—†์ด ์‹ค๋ฌด ์ค‘์‹ฌ์œผ๋กœ ๋ฐฐ์šฐ๊ณ  ์‹ถ์€ ๋ถ„

  • AI๋ฅผ ์‹ค์ œ ํ”„๋กœ์ ํŠธ์— ์ ์šฉํ•˜๊ณ  ์‹ถ์€ ๋ถ„

ํ•จ๊ป˜ ๋ฐฐ์šธ ๋‚ด์šฉ:

โœ“ AI ๋ฆฌํ„ฐ๋Ÿฌ์‹œ
โœ“ AI Agent ๊ฐœ๋ฐœ

๋”๋ณด๊ธฐ

๊ณต๋™ ์ง€์‹๊ณต์œ ์ž

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

16๊ฐœ โˆ™ (2์‹œ๊ฐ„ 23๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

1๊ฐœ

5.0

1๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • ์ด๊ฑด๋จธ์ง€๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์ด๊ฑด๋จธ์ง€

    ์ˆ˜๊ฐ•ํ‰ 6

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    31% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ž˜๋ณด๊ณ ์žˆ์Šต๋‹ˆ๋‹ค.

    • Hiro Son
      ์ง€์‹๊ณต์œ ์ž

      ์ˆ˜๊ฐ•ํ‰ ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

Hiro Son๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

๋น„์Šทํ•œ ๊ฐ•์˜

๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

์‹ ๊ทœ๊ฐ€์ž… 25% ํ• ์ธ

โ‚ฉ33,000

25%

โ‚ฉ44,000