๐Ÿฅ“ Grill-me, AI๊ฐ€ ๋‚˜๋ฅผ ์›ฐ๋˜์œผ๋กœ ๋งŒ๋“œ๋Š” ๊ณผ์ • โ€” ๊ตฌํ˜„ ์ „ ๊ธฐํš์˜ ๋นˆํ‹ˆ์„ ์ฐพ๋Š” AI ์Šคํ‚ฌ

๋””ํ”Œ๋ฆญ Editorial

๐Ÿ—“๏ธ 2026.09.08

โฑ๏ธ 10๋ถ„

Hero Image
ยฉAI Image

AI์—๊ฒŒ "์ด๊ฑฐ ๋งŒ๋“ค์–ด์ค˜"๋ผ๊ณ  ํ–ˆ๋Š”๋ฐ, ๊ฒฐ๊ณผ๋ฌผ์„ ๋ณด๊ณ  "์•„, ์ด๊ฒƒ๋„ ๋งํ–ˆ์–ด์•ผ ํ–ˆ๋„ค."๋ผ๊ณ  ์ƒ๊ฐํ•œ ์  ์žˆ์œผ์‹ ๊ฐ€์š”?



๐Ÿ’ก ์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜ ๊ฐ•๋ ฅ ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค!

  • AI์™€ ์ž‘์—…ํ•˜๋‹ค ๋ณด๋ฉด ์—ฃ์ง€ ์ผ€์ด์Šค(Edge Case)*๊ฐ€ ๋’ค๋Šฆ๊ฒŒ ๋ฐœ๊ฒฌ๋˜์–ด ๊ณค๋ž€ํ–ˆ๋˜ ๊ธฐํš์žยทPM
  • AI๊ฐ€ ๋งŒ๋“  ์ฝ”๋“œ๋ฅผ ๋‹ค์‹œ ๋œฏ์–ด๊ณ ์น˜๋А๋ผ ๊ตฌํ˜„ ์‹œ๊ฐ„์ด ๋Š˜์–ด๋‚˜๋Š” ๊ฐœ๋ฐœ์ž
  • ํ”„๋กœ์ ํŠธ์˜ ๋ฃฐ๊ณผ ์˜์‚ฌ๊ฒฐ์ •์„ AI์™€ ์ผ๊ด€๋˜๊ฒŒ ์œ ์ง€ํ•˜๊ณ  ์‹ถ์€ 1์ธ ๊ฐœ๋ฐœ์ž

์•ˆ๋…•ํ•˜์„ธ์š”, ์ฒ˜์Œ ์ธ์‚ฌ๋“œ๋ ค์š”. ์—๋””ํ„ฐ Janet(์žฌ๋‹›)์ž…๋‹ˆ๋‹ค. ๐Ÿ‘‹

D.LAB์€ ๋””ํ”Œ๋ฆญ์ด AI ๋„๊ตฌ๋ฅผ ์‹ค์ œ ์—…๋ฌด ํ๋ฆ„์— ๋„ฃ์–ด๋ณด๊ณ , ๊ทธ ํšจ๊ณผ์™€ ํ•œ๊ณ„๋ฅผ ๊ธฐ๋กํ•˜๋Š” ์‹คํ—˜ ๋…ธํŠธ์ž…๋‹ˆ๋‹ค.

ํ˜„์—…์—์„œ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉฐ AI ์ฝ”๋”ฉ ์—์ด์ „ํŠธ๋ฅผ ์“ฐ๋‹ค ๋ณด๋ฉด, ๋น ๋ฅด๊ฒŒ ๊ฒฐ๊ณผ๋ฌผ์„ ๋ณด๊ณ  ์‹ถ์€ ๋งˆ์Œ์— ์š”๊ตฌ์‚ฌํ•ญ ํ”„๋กฌํ”„ํŠธ๊ฐ€ ์ ์  ์งง์•„์ง€๋Š” ์ˆœ๊ฐ„์ด ์žˆ์ฃ .

๊ทธ๋ž˜์„œ ์ด๋ฒˆ์—๋Š” ๊ตฌํ˜„์„ ํ†ต์งธ๋กœ ๋งก๊ธฐ๊ธฐ ์ „, AI๊ฐ€ ๋จผ์ € ์ œ ๊ธฐํš์˜ ๋นˆํ‹ˆ์„ ํŒŒ๊ณ ๋“ค๊ฒŒ ๋งŒ๋“œ๋Š” ์Šคํ‚ฌ /grill-me๋ฅผ ์ง์ ‘ ์‚ฌ์šฉํ•ด ๋ดค์Šต๋‹ˆ๋‹ค. ์‹ค์ œ๋กœ ์ด ์Šคํ‚ฌ์€ 2026๋…„ 9์›” ๊ธฐ์ค€ skills.sh์—์„œ ์•ฝ 110๋งŒ ์„ค์น˜๋ฅผ ๊ธฐ๋กํ•  ์ •๋„๋กœ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ฃผ๋ชฉํ•˜๊ณ  ์žˆ๋Š” ํฅ๋ฏธ๋กœ์šด ํˆด์ž…๋‹ˆ๋‹ค.

๋‹จ์ˆœํžˆ "๋งŒ๋“ค์–ด์ค˜"๋ผ๊ณ  ํ–ˆ์„ ๋•Œ์™€ ๋ฌด์—‡์ด ๋‹ฌ๋ž์„๊นŒ์š”? ๊ทธ๋ฆฌ๊ณ  ์ด ์Šคํ‚ฌ์„ ์“ธ ๋•Œ ์ฃผ์˜ํ•ด์•ผ ํ•  ์น˜๋ช…์ ์ธ ํ•จ์ •์€ ๋ฌด์—‡์ด์—ˆ์„๊นŒ์š”? ์‹คํ—˜ ๊ฒฐ๊ณผ๋ฅผ ์ง€๊ธˆ๋ถ€ํ„ฐ ๊ณต์œ ํ•ด ๋“œ๋ฆด๊ฒŒ์š”! โœจ


1. ๊ทธ๋ž˜์„œ Grill์€ ์–ด๋–ป๊ฒŒ ์ž‘๋™ํ• ๊นŒ์š”?

'Grill'์ด๋ผ๋Š” ๋‹จ์–ด๋ฅผ ๋“ค์œผ๋ฉด ๋ง›์žˆ๋Š” ๋ฐ”๋น„ํ๊ฐ€ ๋จผ์ € ๋– ์˜ค๋ฅด์‹œ์ฃ ? ํ•˜์ง€๋งŒ ์˜์–ด๊ถŒ์—์„œ๋Š” ๋ˆ„๊ตฐ๊ฐ€๋ฅผ '๊น๊นํ•˜๊ฒŒ ์‹ฌ๋ฌธํ•˜๋‹ค, ๊ผฌ์น˜๊ผฌ์น˜ ์บ๋ฌป๋‹ค'๋ผ๋Š” ์˜๋ฏธ๋กœ๋„ ์ž์ฃผ ์“ฐ์ž…๋‹ˆ๋‹ค.

AI์—๊ฒŒ ๋‹ค์งœ๊ณ ์งœ ์ฝ”๋“œ๋‚˜ ๊ฒฐ๊ณผ๋ฌผ์„ ๋‚ด๋†“์œผ๋ผ๊ณ  ํ•˜๋Š” ๋Œ€์‹  /grill-me ์Šคํ‚ฌ์„ ํ˜ธ์ถœํ•˜๋ฉด, AI๊ฐ€ ๋ฐ”๋กœ ๊ตฌํ˜„์— ๋“ค์–ด๊ฐ€๋Š” ๋Œ€์‹  ๊น๊นํ•œ ์‹œ๋‹ˆ์–ด ์‚ฌ์ˆ˜์ฒ˜๋Ÿผ ๋‚ด ๊ธฐํš์˜ ๋นˆํ‹ˆ๊ณผ ์˜ˆ์™ธ ์ƒํ™ฉ์„ ํ•˜๋‚˜์”ฉ ์งš์œผ๋ฉฐ ์ง‘์š”ํ•˜๊ฒŒ ์งˆ๋ฌธํ•˜๊ธฐ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿฐ๋ฐ ์—ฌ๊ธฐ์„œ ์žฌ๋ฏธ์žˆ๋Š” ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. AI๊ฐ€ ๋ฌด์ž‘์ • ์งˆ๋ฌธ๋งŒ ๋˜์ง€๊ณ  ๋‹ต์„ ๊ธฐ๋‹ค๋ฆฌ๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๊ฐ ์งˆ๋ฌธ๋งˆ๋‹ค ์ž์‹ ์ด ์ƒ๊ฐํ•˜๋Š” ์ถ”์ฒœ ๋‹ต๋ณ€๋„ ํ•จ๊ป˜ ์ œ์‹œํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ์‚ฌ์šฉ์ž๋Š” ๋ฐฑ์ง€์ƒํƒœ์—์„œ ๋‹ต์„ ์ฅ์–ด์งค ํ•„์š” ์—†์ด "์ด ๋ฐฉํ–ฅ์ด ๋งž์•„", "์šฐ๋ฆฌ ์„œ๋น„์Šค์—์„œ๋Š” ์ด๋ ‡๊ฒŒ ํ•ด์•ผ ํ•ด"๋ผ๊ณ  ์‰ฝ๊ฒŒ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ, ๊ธฐ์กด ์ฝ”๋“œ๋ฒ ์ด์Šค๋‚˜ ๊ตฌ์กฐ๋ฅผ ์‚ดํŽด๋ณด๋ฉด ๋‹ต์ด ๋‚˜์˜ค๋Š” ๋‚ด์šฉ์€ ๊ตณ์ด ๋ฌป์ง€ ์•Š๊ณ  ์•Œ์•„์„œ ํŒŒ์•…ํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, Grill์˜ ํ•ต์‹ฌ์€ ๋ฌด์ž‘์ • ์งˆ๋ฌธ์„ ์Ÿ์•„๋‚ด๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ์ •๋ง ๊ฒฐ์ •์ด ํ•„์š”ํ•œ ์—ฃ์ง€ ์ผ€์ด์Šค๋งŒ ์‚ฌ๋žŒ์—๊ฒŒ ๋ฌผ์–ด๋ณด๋ฉฐ ๊ตฌํ˜„ ์ „ ๊ณ„ํš์„ ๋‹ค๋“ฌ์–ด๊ฐ€๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

2. ์‹ค๋ฌด ์ ์šฉ ์‹œ๋‚˜๋ฆฌ์˜ค : ๋ฌธ์„œํ™” ์—†์ด, ๊ณ„ํš๋ถ€ํ„ฐ ๋‚ ์นด๋กญ๊ฒŒ ๊ฒ€์ฆํ•˜๊ธฐ (/grill-me)

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


[๋‹คํฌ๋ชจ๋“œ ํ† ๊ธ€ ๋ฒ„ํŠผ ๊ตฌํ˜„]

  • ๐Ÿšจ ๋ฐ”๋กœ ๊ตฌํ˜„ ์š”์ฒญ ์‹œ: ์‹œ์Šคํ…œ ํ…Œ๋งˆ๋‚˜ ์ดˆ๊ธฐ ๋ Œ๋”๋ง ์‹œ ํ…Œ๋งˆ ๊ฒฐ์ • ๋ฐฉ์‹์ด ๋ช…ํ™•ํ•˜์ง€ ์•Š์•„, ํŽ˜์ด์ง€ ์ง„์ž… ์ˆœ๊ฐ„ ์˜๋„ํ•˜์ง€ ์•Š์€ ํ…Œ๋งˆ๊ฐ€ ์ž ๊น ๋…ธ์ถœ๋˜๋Š” ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. SSR ํ™˜๊ฒฝ์—์„œ๋Š” ํ…Œ๋งˆ ์ดˆ๊ธฐ๊ฐ’๊ณผ ํด๋ผ์ด์–ธํŠธ ์ƒํƒœ๊ฐ€ ์–ด๊ธ‹๋‚˜ ํ•˜์ด๋“œ๋ ˆ์ด์…˜(Hydration)* ๊ด€๋ จ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๐ŸŽฏ /grill-me ์ ์šฉ ์‹œ: AI๊ฐ€ ๋จผ์ € OS ์„ค์ •(์‹œ์Šคํ…œ ํ…Œ๋งˆ) ์—ฐ๋™ ์—ฌ๋ถ€ ๋ฐ ๊นœ๋นก์ž„ ๋ฐฉ์ง€ ๋Œ€์ฑ…์„ ๋ฌป๊ณ  ํƒ„ํƒ„ํ•œ ์„ค๊ณ„๋ฅผ ๋…ผ์˜ํ•ฉ๋‹ˆ๋‹ค.

[ํ† ์ŠคํŠธ(Toast) ์•Œ๋ฆผ ๊ตฌํ˜„]

  • ๐Ÿšจ ๋ฐ”๋กœ ๊ตฌํ˜„ ์š”์ฒญ ์‹œ: ํ† ์ŠคํŠธ์˜ ์ตœ๋Œ€ ๋…ธ์ถœ ๊ฐœ์ˆ˜, ํ‘œ์‹œ ์‹œ๊ฐ„, ๊ธด ๋ฉ”์‹œ์ง€ ์ฒ˜๋ฆฌ, ์ค‘๋ณต ์•Œ๋ฆผ ์ฒ˜๋ฆฌ ๋“ฑ์˜ ์ •์ฑ…์ด ์ •์˜๋˜์ง€ ์•Š์€ ์ฑ„ ๊ตฌํ˜„๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๐ŸŽฏ /grill-me ์ ์šฉ ์‹œ: ์ตœ๋Œ€ ๋…ธ์ถœ ๊ฐœ์ˆ˜, ๋ฉ”์‹œ์ง€ ๊ธธ์ด์— ๋”ฐ๋ฅธ ํ‘œ์‹œ ์‹œ๊ฐ„, ์ค‘๋ณต ์•Œ๋ฆผ ์ฒ˜๋ฆฌ, ์‚ฌ์šฉ์ž์˜ ์ƒํ˜ธ์ž‘์šฉ์— ๋”ฐ๋ฅธ ์ž๋™ ๋‹ซํž˜ ์—ฌ๋ถ€ ๋“ฑ์„ ๋จผ์ € ์งˆ๋ฌธํ•˜๊ณ  ํ•ฉ์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[๊ฒ€์ƒ‰์ฐฝ ์ž๋™์™„์„ฑ UI ๊ตฌํ˜„]

  • ๐Ÿšจ ๋ฐ”๋กœ ๊ตฌํ˜„ ์š”์ฒญ ์‹œ: ํƒ€์ดํ•‘๋งˆ๋‹ค API ์š”์ฒญ์ด ๋ฐœ์ƒํ•˜๋Š” ๊ตฌํ˜„์ด ๋งŒ๋“ค์–ด์งˆ ์ˆ˜ ์žˆ๊ณ , ํ‚ค๋ณด๋“œ๋งŒ์œผ๋กœ ๊ฒฐ๊ณผ ๋ชฉ๋ก์„ ํƒ์ƒ‰ํ•˜๊ฑฐ๋‚˜ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ๋น ์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๐ŸŽฏ /grill-me ์ ์šฉ ์‹œ: API ํ˜ธ์ถœ ๋‚ญ๋น„๋ฅผ ๋ง‰๊ธฐ ์œ„ํ•œ ๋””๋ฐ”์šด์Šค(Debounce)* ์ ์šฉ ์—ฌ๋ถ€๋ฟ ์•„๋‹ˆ๋ผ, ํ‚ค๋ณด๋“œ ํƒ์ƒ‰, ๊ฒฐ๊ณผ๊ฐ€ ์—†์„ ๋•Œ์˜ ์ƒํƒœ, ๋กœ๋”ฉ ์ƒํƒœ, ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ์„ ํƒ ๋ฐฉ์‹ ๋“ฑ์„ ์ฐจ๋ก€๋กœ ํ™•์ธํ•˜๋ฉฐ ๊ตฌํ˜„ ์ „์— ํ•ฉ์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


3. ์•— ๋œจ๊ฑฐ์›Œ! ๋ง‰์—ฐํ•œ ํ”„๋กฌํ”„ํŠธ๊ฐ€ ๋ถ€๋ฅธ '16๊ฐœ ์งˆ๋ฌธ ์ง€์˜ฅ'

์œ„์˜ ํ›Œ๋ฅญํ•œ ์‹œ๋‚˜๋ฆฌ์˜ค๋“ค์ฒ˜๋Ÿผ ๊ธฐํš์„ ๋ฐ”์‹น ๊ตฌ์›Œ๋‚ด๋ ค๋ฉด ํ•œ ๊ฐ€์ง€ ๊ผญ ๋ช…์‹ฌํ•ด์•ผ ํ•  ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ € ์—ญ์‹œ ์ด๋ฒˆ ์‹คํ—˜์„ ์ฒ˜์Œ ์‹œ์ž‘ํ•  ๋•Œ๋Š” ์•„๋ฌด ์ƒ๊ฐ ์—†์ด ์•„์ฃผ ์งง์€ ํ•œ ์ค„์„ ์ž…๋ ฅํ•ด ๋ณด์•˜๋Š”๋ฐ์š”.

"/grill-me ๋‹คํฌ๋ชจ๋“œ ํ† ๊ธ€ ๋ฒ„ํŠผ ๋งŒ๋“ค์–ด์ค˜."

๊ทธ๋Ÿฐ๋ฐ ์›ฌ๊ฑธ, ์—”ํ„ฐ๋ฅผ ์นœ ์ˆœ๊ฐ„ ์–ด๋งˆ์–ด๋งˆํ•œ ์งˆ๋ฌธ ์ง€์˜ฅ์ด ์—ด๋ ธ์Šต๋‹ˆ๋‹ค.

์–ด๋– ํ•œ ์ƒ์„ธ ๋ช…์„ธ๋„ ์—†์ด ๋‹จ์ˆœํžˆ ๋ช…๋ น ํ”„๋กฌํ”„ํŠธ๋ฅผ ๋‚ด๋ ธ๋”๋‹ˆ, AI๋Š” ์š”๊ตฌ์‚ฌํ•ญ์ด ๋ช…ํ™•ํ•ด์งˆ ๋•Œ๊นŒ์ง€ ๊ธฐ์ดˆ์ ์ธ ์งˆ๋ฌธ๋ถ€ํ„ฐ ์••๋ฐ•ํ•ด ๋“ค์–ด์™”์Šต๋‹ˆ๋‹ค. 1๋ผ์šด๋“œ์—์„œ ๋ฌด๋ ค 5๊ฐ€์ง€์˜ ์งˆ๋ฌธ์ด ๋‚ ์•„์™”๊ณ , ์—ด์‹ฌํžˆ ๋Œ€๋‹ตํ–ˆ๋”๋‹ˆ 2๋ผ์šด๋“œ์—์„œ 7๊ฐœ์˜ ๊ผฌ๋ฆฌ ์งˆ๋ฌธ์ด ์ถ”๊ฐ€๋์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฑธ ๋˜ ๋ฐฉ์–ดํ–ˆ๋”๋‹ˆ 3๋ผ์šด๋“œ์—์„œ 4๊ฐœ์˜ ์งˆ๋ฌธ์„ ๋” ๋ฐ›์œผ๋ฉฐ ์ด 16๊ฐœ์˜ ์งˆ๋ฌธ ์„ธ๋ก€๋ฅผ ๋ฐ›์•„์•ผ ํ–ˆ์ฃ .

/grill-me๋Š” ๋นˆํ‹ˆ์„ ์ฐพ๋Š” ๋„๊ตฌ์ด๊ธฐ ๋•Œ๋ฌธ์—, ์ดˆ๊ธฐ ๋‹จ์„œ๊ฐ€ ๋„ˆ๋ฌด ์—†์œผ๋ฉด 'UI ํ˜•ํƒœ'๋ถ€ํ„ฐ '์ƒํƒœ ๊ด€๋ฆฌ', '์ €์žฅ ๋ฐฉ์‹', '์ ‘๊ทผ์„ฑ'๊นŒ์ง€ A to Z๋ฅผ ์ „๋ถ€ ๋ฌผ์–ด๋ณด๋ฉฐ ์งˆ๋ฌธ ํญํƒ„์„ ๋˜์ง‘๋‹ˆ๋‹ค. ์ฆ‰, /grill-me๋ฅผ ์“ธ ๋•Œ๋„ ๋ง‰์—ฐํ•œ ๋ช…๋ น๋ณด๋‹ค๋Š”, "์ตœ์†Œํ•œ์˜ ๊ธฐ๋ณธ์ ์ธ ์š”๊ตฌ์‚ฌํ•ญ(๋ช…์„ธ)์€ ๊ฐ–์ถฐ์„œ ๋˜์ ธ์•ผ, ์ •๋ง ์ค‘์š”ํ•œ ๊ธฐํš์˜ ๋นˆํ‹ˆ์—๋งŒ ์ง‘์ค‘ํ•ด์„œ ๋ฐ”์‹น ๊ตฌ์›Œ์ค€๋‹ค" ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.


4. ๋ฒˆ์™ธ : ํ•ฉ์˜๋œ ๋ฃฐ์„ ์˜๊ตฌ ๋ฐ•์ œํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด? (/grill-with-docs)

๋งŒ์•ฝ, ์ด๋ฏธ ์ž‘์—… ์ค‘์ธ ์ฝ”๋“œ๋ฒ ์ด์Šค๊ฐ€ ์žˆ๊ณ , ์ด๋ฒˆ ๋…ผ์˜์—์„œ ์ •ํ•œ ์šฉ์–ด์™€ ์˜์‚ฌ๊ฒฐ์ • ๊ธฐ์ค€์„ ์•ž์œผ๋กœ๋„ ๊ณ„์† ์œ ์ง€ํ•ด์•ผ ํ•œ๋‹ค๋ฉด /grill-with-docs๊ฐ€ ๋” ์ ํ•ฉํ•ฉ๋‹ˆ๋‹ค.

์ด ์Šคํ‚ฌ์€ /grilling ์„ธ์…˜์„ ํ†ตํ•ด ์ง‘์š”ํ•˜๊ฒŒ ์งˆ๋ฌธํ•˜๋ฉฐ ๊ณ„ํš์„ ๊ฒ€์ฆํ•˜๊ณ , ๋™์‹œ์— /domain-modeling์„ ํ™œ์šฉํ•ด ํ”„๋กœ์ ํŠธ์˜ ์šฉ์–ด์™€ ์˜์‚ฌ๊ฒฐ์ •์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์งˆ๋ฌธ์„ ํ†ตํ•ด ๊ธฐํš์„ ๊ฒ€์ฆํ•˜๋Š” ๋™์‹œ์—, ํ•ฉ์˜๋œ ํ”„๋กœ์ ํŠธ ์šฉ์–ด๋‚˜ ์•„ํ‚คํ…์ฒ˜ ๊ฒฐ์ •(ADR)*์„ CONTEXT.md ๋ฌธ์„œ์— ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ๋‹ค์Œ์— AI๊ฐ€ ์ž‘์—…์„ ์ด์–ด๊ฐˆ ๋•Œ๋„ ํ”„๋กœ์ ํŠธ์˜ ๊ฒฐ์ •์‚ฌํ•ญ๊ณผ ์šฉ์–ด๋ฅผ ์ฐธ๊ณ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ทผ๊ฑฐ๋กœ ๋‚จ์Šต๋‹ˆ๋‹ค.

์ฆ‰ grill-with-docs์˜ ๊ฐ€์น˜๋Š” AI์˜ ๊ธฐ์–ต๋ ฅ์„ ๋งˆ๋ฒ•์ฒ˜๋Ÿผ ๋Š˜๋ฆฌ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, AI๊ฐ€ ๋‹ค์‹œ ์ฐธ๊ณ ํ•  ์ˆ˜ ์žˆ๋Š” ์™ธ๋ถ€ํ™”๋œ ํ”„๋กœ์ ํŠธ ์ปจํ…์ŠคํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค

'๋””์ž์ธ ํ† ํฐ ๋„ค์ด๋ฐ'์ด๋‚˜ 'ํด๋” ๊ตฌ์กฐ ๋ถ„๋ฆฌ ๊ธฐ์ค€' ๊ฐ™์€ ์ค‘์š” ๋ฃฐ์„ ๋…ผ์˜ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด, ๋ฉฐ์น  ๋’ค AI๊ฐ€ ์˜ˆ์ „ ๋ฒ„๋ฆ‡์ฒ˜๋Ÿผ ์—‰๋šฑํ•œ ์ด๋ฆ„์˜ ํŒŒ์ผ์„ ๋ง˜๋Œ€๋กœ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๋Œ€์ฐธ์‚ฌ๋ฅผ ๋ง‰์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฌธ์„œํ™”๊ฐ€ ํ•„์ˆ˜์ ์ธ ๊ทœ๋ชจ ์žˆ๋Š” ์ž‘์—…์— ์ฐฐ๋–ก์ด์ฃ .

5. ์‹ค๋ฌด ์ ์šฉ ํฌ์ธํŠธ : ์ง์ ‘ ์จ๋ณด๋‹ˆ ์ด๋ ‡์Šต๋‹ˆ๋‹ค!

๐Ÿ‘ ์ง„์งœ ์‹œ๋‹ˆ์–ด ์‚ฌ์ˆ˜์™€ ์ผํ•˜๋Š” ๊ธฐ๋ถ„: ์ œ๊ฐ€ ๋†“์ณค๊ฑฐ๋‚˜ ๊ผผ๊ผผํžˆ ์„ธ์šฐ์ง€ ๋ชปํ–ˆ๋˜ ๊ธฐํš์˜ ๊ตฌ๋ฉ์„ ์ฐพ์•„๋ƒ…๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ๊ตฌํ˜„ ์ดํ›„์— ๋’ค๋Šฆ๊ฒŒ ์ฝ”๋“œ๋ฅผ ๋’ค์—Ž๋Š”๋‹ค๋“ ์ง€, ์š”๊ตฌ์‚ฌํ•ญ์„ ์ˆ˜์ •ํ•˜๋Š” ์ผ์„ ์ค„์ด๋Š” ๋ฐ ๋„์›€์ด ๋์–ด์š”.

๐Ÿ‘ ๊ธธ์„ ์žƒ์ง€ ์•Š๋Š” ํ”„๋กœ์ ํŠธ์˜ ๋‚˜์นจ๋ฐ˜: /grill-with-docs๋Š” ๊ธฐ๋Šฅ์ด ๋ณต์žกํ•ด์งˆ์ˆ˜๋ก ์ง„๊ฐ€๋ฅผ ๋ฐœํœ˜ํ•ฉ๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ์˜ ๋ฃฐ๊ณผ ์ปจํ…์ŠคํŠธ๊ฐ€ ์ฐจ๊ณก์ฐจ๊ณก ์Œ“์ด๋ฉด์„œ, AI๊ฐ€ ์ดํ›„ ์ž‘์—…์—์„œ ์ฐธ๊ณ ํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋กœ์ ํŠธ์˜ ๊ณตํ†ต ๋งฅ๋ฝ์ด ๋งŒ๋“ค์–ด์ง‘๋‹ˆ๋‹ค.

๐Ÿค” ์ฃผ์˜ํ•  ์ (ํ•œ๊ณ„): ๋‹น์žฅ 5๋ถ„ ์•ˆ์— ์ฝ”๋“œ๋ฅผ ๋ฝ‘์•„๋‚ด์•ผ ํ•˜๋Š” ๊ธ‰๋ฐ•ํ•œ ์ƒํ™ฉ์—์„œ๋Š” ๊ผฌ๋ฆฌ๋ฌผ๊ธฐ์‹ ์—ญ์งˆ๋ฌธ์ด ๋‹ค์†Œ ๋ฒˆ๊ฑฐ๋กญ๊ฒŒ ๋А๊ปด์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ์—ญ์งˆ๋ฌธ์— ์ œ๋Œ€๋กœ ๋Œ€๋‹ตํ•˜๋ ค๋ฉด ์‹ค๋ฌด์ž ๋ณธ์ธ๋„ ๋ช…ํ™•ํ•œ ๊ธฐํš ์˜๋„์™€ ๋„๋ฉ”์ธ ์ง€์‹์„ ์ฅ๊ณ  ์žˆ์–ด์•ผ ํ•ด์š”. ๋ฌด์ž‘์ • "์•Œ์•„์„œ ์˜ˆ์˜๊ฒŒ ์ž˜ ์งœ์ค˜"๋ผ๋Š” ๋งˆ์ธ๋“œ๋กœ๋Š” ์ด ๊น๊นํ•œ ์Šคํ‚ฌ์„ 100% ํ™œ์šฉํ•˜๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ Grill์ด ๋˜์ง€๋Š” ์งˆ๋ฌธ ์ž์ฒด๊ฐ€ ํ•ญ์ƒ ์ •๋‹ต์„ ์˜๋ฏธํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. AI๊ฐ€ ์ œ์‹œํ•˜๋Š” ์„ ํƒ์ง€์™€ ์ถ”์ฒœ์•ˆ ์—ญ์‹œ ํ•˜๋‚˜์˜ ์ œ์•ˆ์ผ ๋ฟ์ด๋ฏ€๋กœ, ์ตœ์ข…์ ์ธ ์ œํ’ˆ ์ •์ฑ…๊ณผ ๊ธฐ์ˆ ์  ๊ฒฐ์ •์€ ์‚ฌ๋žŒ์ด ํŒ๋‹จํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

D.Flick Perspective

D.Flick Note

"์„ค์ต์€ ๊ณ„ํš์˜ ๊ตฌ๋ฉ์€ ๋ฐ”์‹น ๊ตฌ์›Œ, ๋‚ด ๊ธฐํš์˜ ๋นˆํ‹ˆ์„ ์ฑ„์›Œ์ฃผ๋Š” AI ์‚ฌ์ˆ˜!"

์ƒ๊ฐ๋ณด๋‹ค ๋งŽ์€ ๋ถ„๋“ค์ด AI๊ฐ€ ํ•œ ๋ฒˆ์— ์™„๋ฒฝํ•œ ์ •๋‹ต์„ ์ฅ์–ด์ฃผ์ง€ ์•Š์œผ๋ฉด ์‰ฝ๊ฒŒ ์‹ค๋งํ•˜๊ณ  ์ฐฝ์„ ๋‹ซ์•„๋ฒ„๋ฆฝ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ AI์™€์˜ ์ง„์งœ ์‹œ๋„ˆ์ง€๋Š” ์ผ๋ฐฉ์ ์œผ๋กœ ์ •๋‹ต์„ ์š”๊ตฌํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, '์ œ๋Œ€๋กœ ๋œ ์งˆ๋ฌธ์„ ๋˜์ง€๊ฒŒ ๋งŒ๋“ค๊ณ  ํ•จ๊ป˜ ํ•ฉ์˜์ ์„ ์ฐพ๋Š” ๊ณผ์ •'์— ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์š”.

์—ฌ๋Ÿฌ๋ถ„๋„ ์˜ค๋Š˜ ๋‹น์žฅ ์—…๋ฌด์— ๋Œ์ž…ํ•˜๊ธฐ ์ „, /grill-me ํ•œ ์ค„์„ ๋ง๋ถ™์—ฌ ํ˜ธ์ถœํ•ด ๋ณด์„ธ์š”. ํ‰์†Œ๋ผ๋ฉด ๊ทธ๋ƒฅ ์ง€๋‚˜์ณค์„ ๊ธฐํš์˜ ๋นˆํ‹ˆ๊ณผ ๋ฏธ์ฒ˜ ์ƒ๊ฐํ•˜์ง€ ๋ชปํ–ˆ๋˜ ์งˆ๋ฌธ๋“ค์„ ๋Œ€ํ™” ์†์—์„œ ๋ฐœ๊ฒฌํ•˜๋Š” ๊ฒฝํ—˜์„ ํ•ด๋ณด์‹ค ์ˆ˜ ์žˆ์„ ๊ฑฐ์˜ˆ์š”.

References

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ (TypeScript): ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋ฐ์ดํ„ฐ ํ˜•ํƒœ(ํƒ€์ž…)๋ฅผ ์ง€์ •ํ•˜๋Š” ๊ทœ์น™์„ ์ถ”๊ฐ€ํ•œ ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ์‹คํ–‰ ์ค‘ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ„ฐ์งˆ ์—๋Ÿฌ๋ฅผ ์ฝ”๋“œ ์ž‘์„ฑ ๋‹จ๊ณ„์—์„œ ๋ฏธ๋ฆฌ ๋นจ๊ฐ„์ค„๋กœ ๊ฒฝ๊ณ ํ•ด ์ฃผ์–ด, ํ”„๋กœ์ ํŠธ์˜ ์•ˆ์ •์„ฑ์„ ํฌ๊ฒŒ ๋†’์—ฌ์ค๋‹ˆ๋‹ค.
  • ์—ฃ์ง€ ์ผ€์ด์Šค (Edge Case): ์‹œ์Šคํ…œ์˜ ์ผ๋ฐ˜์ ์ธ ๋™์ž‘ ๋ฒ”์œ„๋ฅผ ๋ฒ—์–ด๋‚œ ๊ทน๋‹จ์ ์ด๊ฑฐ๋‚˜ ์˜ˆ์™ธ์ ์ธ ์‚ฌ์šฉ์ž ์ž…๋ ฅ/ํ™˜๊ฒฝ ์กฐ๊ฑด ์ƒํ™ฉ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.
  • ํ•˜์ด๋“œ๋ ˆ์ด์…˜(Hydration): ์„œ๋ฒ„์—์„œ ๋ฏธ๋ฆฌ ๋งŒ๋“ค์–ด์ง„ HTML์— ํด๋ผ์ด์–ธํŠธ์˜ JavaScript๋ฅผ ์—ฐ๊ฒฐํ•ด ์›นํŽ˜์ด์ง€๋ฅผ ์‹ค์ œ๋กœ ๋™์ž‘ํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ๊ณผ์ •์ž…๋‹ˆ๋‹ค. ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์˜ ์ƒํƒœ๊ฐ€ ๋‹ค๋ฅด๋ฉด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋””๋ฐ”์šด์Šค (Debounce): ์—ฐ์ด์–ด ๋ฐœ์ƒํ•˜๋Š” ์ด๋ฒคํŠธ๋ฅผ ํ•˜๋‚˜๋กœ ๋ฌถ์–ด, ๋งˆ์ง€๋ง‰ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•œ ํ›„ ์ผ์ • ์‹œ๊ฐ„์ด ์ง€๋‚œ ๋’ค์—๋งŒ ๋‹จ ํ•œ ๋ฒˆ ์‹คํ–‰๋˜๋„๋ก ์กฐ์ ˆํ•˜๋Š” ์ตœ์ ํ™” ๊ธฐ๋ฒ•์ž…๋‹ˆ๋‹ค.
  • ADR (Architecture Decision Record): ํ”„๋กœ์ ํŠธ์˜ ์ค‘์š”ํ•œ ์•„ํ‚คํ…์ฒ˜์  ์˜์‚ฌ๊ฒฐ์ •๊ณผ ๊ทธ ๋ฐฐ๊ฒฝ, ๋งฅ๋ฝ, ์˜ํ–ฅ์„ ๊ธฐ๋กํ•ด ๋‘๋Š” ์†Œํ”„ํŠธ์›จ์–ด ๋ฌธ์„œ์ž…๋‹ˆ๋‹ค.

๏ปฟ

๋‹ค์–‘ํ•œ ์•„ํ‹ฐํด์„ ํ™•์ธํ•ด๋ณด์„ธ์š”