๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ‘จ‍๐Ÿ’ป web.dev/translates

(๋ฒˆ์—ญ) ์ฃฝ์€ ํ”„๋ ˆ์ž„์›Œํฌ ์ด๋ก  (dead framework theory)

by HandHand 2025. 12. 9.

 

 

์›๋ฌธ: https://aifoc.us/dead-framework-theory

 

์ด๋Š” ์ ์  ๋” ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด LLM๊ณผ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น์„ ๊ตฌ์ถ•ํ•จ์— ๋”ฐ๋ผ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ์ผ์— ๋Œ€ํ•œ ์ œ ์˜๊ฒฌ์ด์ž ๊ณ ์ฐฐ์ž…๋‹ˆ๋‹ค.

 

์ž‘๋…„ 10์›”, ์ €๋Š” "๊ฐœ๋ฐœ์ž๋“ค์€ ๋ฏธ๋ž˜์— ํ”„๋ ˆ์ž„์›Œํฌ์— ๊ด€์‹ฌ์„ ๊ฐ€์งˆ๊นŒ์š”?"๋ผ๋Š” ๊ธ€์„ ์“ฐ๋ฉด์„œ LLM์ด ํ”„๋ ˆ์ž„์›Œํฌ ์„ ํƒ์„ ์ถ”์ƒํ™”ํ•  ๊ฒƒ์ด๋ผ๊ณ  ์˜ˆ์ธกํ–ˆ์Šต๋‹ˆ๋‹ค๋งŒ ์ œ ์˜ˆ์ธก์€ ํ‹€๋ ธ์Šต๋‹ˆ๋‹ค. ์ ์–ด๋„ ํƒ€์ž„๋ผ์ธ์— ๋Œ€ํ•ด์„œ๋Š” ๋ง์ด์ฃ .

 

ํ˜„์‹ค์€ ๋”์šฑ ํฅ๋ฏธ๋กœ์šฐ๋ฉฐ ๋˜ํ•œ ๋”์šฑ ์˜์†์ ์ž…๋‹ˆ๋‹ค. ์ด์ œ ๋ฆฌ์•กํŠธ๋Š” ๋‹ค๋ฅธ ํ”„๋ ˆ์ž„์›Œํฌ๋“ค๊ณผ ๊ฒฝ์Ÿํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ํ”Œ๋žซํผ์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์˜ค๋Š˜๋‚  ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋˜๋Š” ๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋Šฅ์„ ๊ตฌ์ถ•ํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, ๋‹จ์ง€ ๋ฆฌ์•กํŠธ์™€ ๊ฒฝ์Ÿํ•˜๋Š” ๊ฒƒ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ LLM ํ•™์Šต ๋ฐ์ดํ„ฐ, ์‹œ์Šคํ…œ ํ”„๋กฌํ”„ํŠธ, ๊ทธ๋ฆฌ๊ณ  ๊ฐœ๋ฐœ์ž ์ƒ์„ฑ ์ฝ”๋“œ ์‚ฌ์ด์˜ ์ž๊ธฐ ๊ฐ•ํ™” ํ”ผ๋“œ๋ฐฑ ๋ฃจํ”„(self-reinforcing feedback loop)์— ๋งž์„œ ๊ฒฝ์Ÿํ•˜๊ณ  ์žˆ๋‹ค๋Š” ์‚ฌ์‹ค์„ ์ดํ•ดํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฃจํ”„๋Š” ๋ฆฌ์•กํŠธ๋ฅผ ๋Œ€์ฒดํ•˜๋Š” ๊ฒƒ์„ ๊ธฐ๋Šฅ์ ์œผ๋กœ ๋ถˆ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

 

Replit, Bolt ๊ทธ๋ฆฌ๊ณ  ์ด์™€ ์œ ์‚ฌํ•œ ๋„๊ตฌ๋“ค์ด ๋ฌด์—‡์„ ํ•˜๊ณ  ์žˆ๋Š”์ง€ ์‚ดํŽด๋ณด๋ฉด, ์ด๋“ค์€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ถ”์ƒํ™”ํ•˜๋ ค๊ณ  ์‹œ๋„ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ์˜คํžˆ๋ ค ์‹œ์Šคํ…œ ํ”„๋กฌํ”„ํŠธ์— ๋ฆฌ์•กํŠธ๋ฅผ ๋ช…์‹œ์ ์œผ๋กœ ํ•˜๋“œ์ฝ”๋”ฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋“ค์€ ๊ทธ๋ ‡๊ฒŒ ํ•ด์•ผ๋งŒ ํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋Š˜๋‚  ๊ฐœ๋ฐœ์ž๋“ค์˜ ํฅ๋ฏธ๋ฅผ ๋Œ๊ธฐ ์œ„ํ•œ ๋„๊ตฌ๋ฅผ ๊ตฌ์ถ•ํ•˜๊ณ  ์žˆ๋‹ค๋ฉด, ๊ทธ๋“ค์ด ์œ ์ง€๋ณด์ˆ˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ๋ฅผ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ด์ œ "๊ฐœ๋ฐœ์ž๋“ค์ด ์œ ์ง€๋ณด์ˆ˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ"๋Š” ๋Œ€๋‹ค์ˆ˜์˜ ์›น ๊ฐœ๋ฐœ์ž์—๊ฒŒ๋Š” "๋ฆฌ์•กํŠธ"๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

 

builtwith.com์— ๋”ฐ๋ฅด๋ฉด, ์ง€๋‚œ 12๊ฐœ์›” ๋™์•ˆ ์ƒ์œ„ 1๋ฐฑ๋งŒ ๊ฐœ ์‚ฌ์ดํŠธ ์™ธ์—๋„ ๋ฆฌ์•กํŠธ๋กœ ๋ฐฐํฌ๋œ ์‚ฌ์ดํŠธ๊ฐ€ 1,300๋งŒ ๊ฐœ ์ด์ƒ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ ๊ณก์„ ๋“ค์„ ๋ณด์‹ญ์‹œ์˜ค.

 

๋ฆฌ์•กํŠธ ์‚ฌ์šฉ๋Ÿ‰ ๋ณ€ํ™”

 

์ง€๋‚œ 12๊ฐœ์›” ๊ฐ„ ๋ฆฌ์•กํŠธ ์‚ฌ์šฉ๋Ÿ‰ ๋ณ€ํ™”

 

ํ•˜์ง€๋งŒ, HTTP Archive๋ฅผ ๋ณด๋ฉด ์–˜๊ธฐ๊ฐ€ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. Builtwith์—์„œ ๋ณด๊ณ ๋œ 5,500๋งŒ ๊ฐœ์˜ Origin๊ณผ๋Š” ๋‹ฌ๋ฆฌ, ๋ชจ๋ฐ”์ผ์—์„œ์˜ ๋ฆฌ์•กํŠธ ์‚ฌ์šฉ๋Ÿ‰์€ 120๋งŒ ๊ฐœ์˜ ๋ชจ๋ฐ”์ผ Origin์—์„œ ์ •์ฒด(stalled)๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

HTTP Archive. ์ง€๋‚œ 6๊ฐœ์›” ๊ฐ„ ๋ฆฌ์•กํŠธ ์‚ฌ์šฉ๋Ÿ‰ ๋ณ€ํ™”

 

๋ฐ์ดํ„ฐ์…‹ ํฌ๊ธฐ๋Š” ๋งค์šฐ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. HTTP Archive๋Š” ์•ฝ 1,200๋งŒ~1,600๋งŒ ๊ฐœ์˜ Origin์„ ์กฐ์‚ฌํ•˜๋Š” ๋ฐ˜๋ฉด, Builtwith๋Š” ์•ฝ 4์–ต 1,400๋งŒ ๊ฐœ์˜ Root Domain์„ ์กฐ์‚ฌํ•˜๋Š” ๊ฒƒ์œผ๋กœ ์•Œ๋ ค์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ HTTP Archive์— ๋“ฑ๋ก๋˜๋Š” ์‚ฌ์ดํŠธ๋Š” ์ผ์ • ์ˆ˜์ค€์˜ ์‚ฌ์šฉ๋Ÿ‰์ด ์žˆ์–ด์•ผ ํ•˜๋Š” ๋ฐ˜๋ฉด, Builtwith์˜ ๋งŽ์€ ์‚ฌ์ดํŠธ๋“ค์€ ํŒŒํ‚น ๋„๋ฉ”์ธ์ด๊ฑฐ๋‚˜ ํ™œ๋ฐœํ•˜๊ฒŒ ์‚ฌ์šฉ๋˜์ง€ ์•Š์€ ์‚ฌ์ดํŠธ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

 

์ƒ์œ„ 100๋งŒ ๊ฐœ ์‚ฌ์ดํŠธ๋ฅผ ์‚ดํŽด๋ณด๋ฉด ํƒ์ง€์œจ์€ ๋” ๋น„์Šทํ•ฉ๋‹ˆ๋‹ค. 14๋งŒ ๊ฐœ ๋Œ€ 16๋งŒ ๊ฐœ์ž…๋‹ˆ๋‹ค.

 

HTTP Archive. ์ƒ์œ„ 100๋งŒ ๊ฐœ ์‚ฌ์ดํŠธ์˜ ๋ฆฌ์•กํŠธ ์‚ฌ์šฉ๋Ÿ‰ ๋ณ€ํ™”

 

Builtwith. ์ƒ์œ„ 100๋งŒ ๊ฐœ ์‚ฌ์ดํŠธ์˜ ๋ฆฌ์•กํŠธ ์‚ฌ์šฉ๋Ÿ‰ ๋ณ€ํ™”

 

์šฐ๋ฆฌ๋Š” ์ƒ์œ„ 100๋งŒ ๊ฐœ ์‚ฌ์ดํŠธ ์ค‘ ์•ฝ 12%์—์„œ 18% ์ •๋„์˜ ์ ์œ ์œจ์„ ๋ณด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ˆ˜์น˜๋“ค์€ ๋‹ค์†Œ ๊ฑธ๋Ÿฌ์„œ ๋ฐ›์•„๋“ค์—ฌ์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํƒ์ง€ ๋ฐฉ์‹์— ์˜ค๋ฅ˜๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ๊ณ , ๋ฐ์ดํ„ฐ์…‹์˜ ํฌ๊ธฐ๊ฐ€ ๋‹ค๋ฅด๋ฉฐ, ์ธก์ • ๋Œ€์ƒ์˜ ์ •์˜ ๋˜ํ•œ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋‹ค์Œ์˜ ์ถ”์„ธ๋Š” ๋ถ€์ธํ•  ์ˆ˜ ์—†์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ฒฝ์Ÿ์ž์ธ Angular์™€ ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ •์ฒดํ•˜๊ณ  ์žˆ๋Š” ๋™์•ˆ์—๋„ ๋ฆฌ์•กํŠธ์˜ ์„ฑ์žฅ์€ ์ง€์†๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

๊ทธ๋ ‡๋‹ค๋ฉด ๋ฆฌ์•กํŠธ ์‚ฌ์ดํŠธ์˜ ์ด๋Ÿฌํ•œ ์ฆ๊ฐ€์„ธ๋ฅผ ๊ฒฌ์ธํ•œ ๊ฒƒ์€ ๋ฌด์—‡์ผ๊นŒ์š”? ์ œ๊ฐ€ ์ด ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ๊ธฐ๋กœ๋Š”, ์ง€๋‚œ 12~18๊ฐœ์›” ๋™์•ˆ์˜ LLM ๋„๊ตฌ๋“ค์ด ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์„ ์„ ํ˜ธํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

 

OpenRouter์˜ ํ† ํฐ ์ฆ๊ฐ€๋Ÿ‰์„ ๋ณด์‹ญ์‹œ์˜ค. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋„๊ตฌ๋“ค์€ ๋‹จ ํ•˜๋‚˜์˜ ๊ฒŒ์ดํŠธ์›จ์ด๋ฅผ ํ†ตํ•ด์„œ๋„ ํ•˜๋ฃจ์— ์ˆ˜์‹ญ์–ต ๊ฐœ์˜ ํ† ํฐ์„ ์†Œ๋ชจํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ๊ณก์„ ์€ ์œ ์‚ฌํ•ด ๋ณด์ž…๋‹ˆ๋‹ค.

 

OpenRouter ํ† ํฐ ์‚ฌ์šฉ๋Ÿ‰ ๋ณ€ํ™”

 

์ƒ๊ด€๊ด€๊ณ„๊ฐ€ ์ธ๊ณผ๊ด€๊ณ„๋Š” ์•„๋‹ˆ๋ฉฐ, ํ† ํฐ์ด ์‹œ์Šคํ…œ์„ ํ†ตํ•ด ํ˜๋Ÿฌ๊ฐ€๋Š” ์ „์ฒด์ ์ธ ๊ทธ๋ฆผ์€ ์˜ค์ง ํ•ด๋‹น ๋„๊ตฌ ์ œ์ž‘์ž๋“ค๋งŒ์ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด ์‹œ์ ์€ ๋งค์šฐ ์ ˆ๋ฌ˜ํ•ฉ๋‹ˆ๋‹ค. ๋Œ€๊ทœ๋ชจ ํ† ํฐ ์ฆ๊ฐ€๊ฐ€ ๋ฆฌ์•กํŠธ ๋ฐฐํฌ์˜ ๋Œ€๊ทœ๋ชจ ์ฆ๊ฐ€์™€ ๋™์‹œ์ ์œผ๋กœ ๋ฐœ์ƒํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

๋ชจ๋ธ๊ณผ ๋„๊ตฌ๋“ค์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ์ด๋ฏธ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ๋„๊ตฌ๋“ค์„ ์„ ํ˜ธํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ์ด๋Š” ์ž๊ธฐ ๊ฐ•ํ™”์ ์ธ ์ฑ„ํƒ ์ฃผ๊ธฐ(self-reinforcing cycle of adoption)๋ฅผ ์ด๋Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜๋‚  ์ƒˆ๋กœ์šด API๋‚˜ ๋„๊ตฌ๋ฅผ ์ถœ์‹œํ•œ๋‹ค๋ฉด, ์ด๊ฒƒ์ด ์ƒํƒœ๊ณ„์— ์–ด๋–ป๊ฒŒ ์ฑ„ํƒ๋ ์ง€, ๊ทธ๋ฆฌ๊ณ  LLM์˜ ํ•™์Šต ๋ฐ์ดํ„ฐ์…‹(Corpus)์— ์–ด๋–ป๊ฒŒ ํฌํ•จ๋˜๋„๋ก ํ•  ๊ฒƒ์ธ์ง€๋ฅผ ๊ณ ๋ คํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

 

์—ญ์ฃผ: 'ํ•™์Šต ๋ฐ์ดํ„ฐ์…‹(Corpus)'๋Š” ๊ธฐ๊ณ„ ํ•™์Šต ๋ชจ๋ธ์ด ํ•™์Šตํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๋Œ€๊ทœ๋ชจ ํ…์ŠคํŠธ ๋ฐ์ดํ„ฐ ์ง‘ํ•ฉ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฐ์ดํ„ฐ์…‹๋Š” ๋ชจ๋ธ์ด ์–ธ์–ด ํŒจํ„ด, ๋ฌธ๋ฒ•, ์–ดํœ˜ ๋“ฑ์„ ์ดํ•ดํ•˜๊ณ  ์ƒ์„ฑํ•˜๋Š” ๋Šฅ๋ ฅ์„ ํ–ฅ์ƒํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

 

์—ฌ๊ธฐ์—๋Š” ๋‘ ๊ฐ€์ง€ ํ”ผ๋“œ๋ฐฑ ๋ฃจํ”„๊ฐ€ ์ž‘์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

  1. ๋ฆฌ์•กํŠธ๊ฐ€ ๊ธฐ์กด ์›น์„ ์ง€๋ฐฐํ•ฉ๋‹ˆ๋‹ค. (12๊ฐœ์›” ๋™์•ˆ ์•ฝ 1,300๋งŒ ๊ฐœ ์ด์ƒ์˜ ์‹ ๊ทœ ์‚ฌ์ดํŠธ)
  2. LLM๋“ค์€ ๊ธฐ์กด ์›น์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•™์Šตํ•ฉ๋‹ˆ๋‹ค.
  3. LLM๋“ค์€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.
  4. LLM๋“ค๋กœ ๊ตฌ์ถ•๋œ ์ƒˆ๋กœ์šด ์‚ฌ์ดํŠธ๋“ค์€ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  5. ๋ฏธ๋ž˜์˜ ํ•™์Šต์„ ์œ„ํ•ด ๋” ๋งŽ์€ ๋ฆฌ์•กํŠธ ์‚ฌ์ดํŠธ๊ฐ€ ์กด์žฌํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
  6. 2๋‹จ๊ณ„๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.

 

๊ทธ๋ฆฌ๊ณ ...

 

  1. ๋ฆฌ์•กํŠธ๊ฐ€ ๊ฐœ๋ฐœ์ž ์ƒํƒœ๊ณ„๋ฅผ ์ง€๋ฐฐํ•ฉ๋‹ˆ๋‹ค.
  2. IDE๋“ค๊ณผ ๋„๊ตฌ๋“ค์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ์„ ํ˜ธํ•˜์—ฌ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์šฐ์„ ์ ์œผ๋กœ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.
  3. ๋„๊ตฌ๋“ค์€ LLM๋“ค์—๊ฒŒ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋„๋ก ์š”์ฒญํ•ฉ๋‹ˆ๋‹ค.
  4. ๊ตฌ์ถ•๋˜๋Š” ์ƒˆ๋กœ์šด ์‚ฌ์ดํŠธ๋“ค์€ ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  5. ๋ฆฌ์•กํŠธ ์‚ฌ์ดํŠธ๊ฐ€ ๋” ๋งŽ์ด ์กด์žฌํ•˜๊ฒŒ ๋˜์–ด, ๋„๊ตฌ๋“ค์ด ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜๋„๋ก ํ•˜๋Š” ์ˆ˜์š”๊ฐ€ ์ฆ๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
  6. 1๋‹จ๊ณ„๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.

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

 

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

 

์˜ค๋Š˜๋‚  ๋‹น์‹ ์ด ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋˜๋Š” ๋ธŒ๋ผ์šฐ์ € ๊ธฐ๋Šฅ์„ ์ถœ์‹œํ•œ๋‹ค๋ฉด, ๊ทธ๊ฒƒ์ด ๊ธฐ์ˆ ์ ์œผ๋กœ ์šฐ์ˆ˜ํ•˜๋”๋ผ๋„ ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

 

  • LLM ํ•™์Šต ๋ฐ์ดํ„ฐ์— ์ง„์ž…ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. (์ตœ์†Œ 12~18๊ฐœ์›”์˜ ์ง€์—ฐ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.)
  • ๋„๊ตฌ ์ œ์ž‘์ž๋“ค์—๊ฒŒ ์‹œ์Šคํ…œ ํ”„๋กฌํ”„ํŠธ๋ฅผ ์ˆ˜์ •ํ•˜๋„๋ก ์„ค๋“ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. (์ด๋Š” ์ฑ„ํƒ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.)
  • ํฌ๊ด„์ ์ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ƒํƒœ๊ณ„๋ฅผ ๊ตฌ์ถ•ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. (์ˆ˜๋…„๊ฐ„์˜ ๊ฐœ๋ฐœ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.)
  • ๊ฐœ๋ฐœ์ž๋“ค์˜ ๊ด€์„ฑ์„ ๊ทน๋ณตํ•˜๊ณ , ๊ทธ๋“ค์ด ์Šค์Šค๋กœ ๊ทธ๊ฒƒ์„ ์š”๊ตฌํ•˜๋„๋ก ๋งŒ๋“ค์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

 

์—ฌ๋Ÿฌ๋ถ„์ด 1๋‹จ๊ณ„๋ฅผ ์™„๋ฃŒํ•  ๋•Œ์ฏค์ด๋ฉด, ๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ƒํƒœ๊ณ„๋Š” ์ด๋ฏธ 1,000๋งŒ ๊ฐœ ์ด์ƒ์˜ ์‚ฌ์ดํŠธ๋ฅผ ์ถ”๊ฐ€๋กœ ์ƒ์„ฑํ–ˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„์€ ๊ทธ ์ˆœ์„œ๋ฅผ ๋’ค์ง‘์–ด์„œ ๊ฐœ๋ฐœ์ž๋“ค์˜ ์ธ์‹ ์ ์œ ์œจ์„ ์–ป๊ธฐ ์œ„ํ•œ ๋Œ€๊ทœ๋ชจ ์บ ํŽ˜์ธ์„ ์ง„ํ–‰ํ•˜๊ณ , ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ƒํƒœ๊ณ„์— ์œ ๋ฃŒ๋กœ ํ†ตํ•ฉํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ณด์ถฉํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์‹ฌ์ง€์–ด ํ”„๋ ˆ์ž„์›Œํฌ ๋ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ œ์ž‘์ž๋“ค์ด ๋„๊ตฌ ์ œ๊ณต์ž์—๊ฒŒ ์‹œ์Šคํ…œ ํ”„๋กฌํ”„ํŠธ์— ์ž์‹ ๋“ค์˜ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ํฌํ•จํ•˜๋„๋ก ๋น„์šฉ์„ ์ง€๋ถˆํ•˜๋Š” ์ƒˆ๋กœ์šด ๋น„์ฆˆ๋‹ˆ์Šค ๋ชจ๋ธ๋„ ๋ณด๊ฒŒ ๋ ์ง€ ๋ชจ๋ฆ…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ทธ๋•Œ์กฐ์ฐจ๋„, ์—ฌ๋Ÿฌ๋ถ„์€ ๋ฆฌ์•กํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค๊ณผ LLM ํ•™์Šต ๋ฐ์ดํ„ฐ ๋ชจ๋‘์— ๊นŠ์ด ๋ฟŒ๋ฆฌ๋‚ด๋ฆฐ ํŒจํ„ด๊ณผ ์‹ธ์šฐ๊ณ  ์žˆ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

์ด๊ฒƒ์€ ๋ฆฌ์•กํŠธ๊ฐ€ ์ตœ๊ณ ์˜ ๋„๊ตฌ๋ผ๊ฑฐ๋‚˜, ๋ฆฌ์•กํŠธ์˜ ๋ชจ๋ธ์ด LLM๋“ค์—๊ฒŒ ์ข‹๋‹ค๋Š” ์ด์•ผ๊ธฐ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค (์ €๋Š” ๊ทธ๋Ÿด ๋งŒํ•œ ๊ทผ๊ฑฐ๋ฅผ ์ „ํ˜€ ๋ฐœ๊ฒฌํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค). ์ด๋Š” ๋„คํŠธ์›Œํฌ ํšจ๊ณผ(network effects)๊ฐ€ ๋Œ€์•ˆ์„ ์กด์†์‹œํ‚ค๊ธฐ ์–ด๋ ต๊ฒŒ ๋งŒ๋“œ๋Š” ์ง€์ ์„ ๋ฆฌ์•กํŠธ๊ฐ€ ์ด๋ฏธ ๋„˜์–ด์„ฐ๋‹ค๋Š” ์ด์•ผ๊ธฐ์ž…๋‹ˆ๋‹ค.

 

์ €์—๊ฒŒ ์ด ์ƒํ™ฉ์„ ๋ช…ํ™•ํžˆ ๊ฐ์ธ์‹œ์ผœ ์ค€ ์‚ฌ๋ก€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๋‚œ์ฃผ, ์ €๋Š” Chrome์˜ ๋‚ด์žฅ Prompt API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Chrome Extension์„ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด Claude๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. Claude๋Š” ์ „์ฒด Extension ์ฝ”๋“œ๋ฅผ ์ถฉ์‹คํžˆ ์ž‘์„ฑํ–ˆ์ง€๋งŒ, 6๊ฐœ์›” ์ „ API์˜€๋˜ self.ai.languageModel์„ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ํ˜„์žฌ API๋Š” LanguageModel.create()์ด์ง€๋งŒ, ์ด๋Š” ์•„์ง ํ•™์Šต ๋ฐ์ดํ„ฐ์…‹์— ํฌํ•จ๋˜์ง€ ์•Š์•˜๋˜ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

์—ฌ๊ธฐ์— ์ƒํ˜ธ ์šด์šฉ์„ฑ ์ž‘์—…์— ์ˆ˜๋…„์ด ๊ฑธ๋ ค์„œ์•ผ ๋น„๋กœ์†Œ ๊ธฐ๋Šฅ์ด "Baseline Newly-Available (์ƒˆ๋กœ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ์ค€์„ )" ์ƒํƒœ์— ๋„๋‹ฌํ•˜๊ณ , ๊ทธ ํ›„ ๋‹ค์‹œ 30๊ฐœ์›”์ด ์ง€๋‚˜์•ผ "Baseline Widely-Available (๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๊ธฐ์ค€์„ )" ์ƒํƒœ์— ๋„๋‹ฌํ•œ๋‹ค๋Š” ์‚ฌ์‹ค๊นŒ์ง€ ๋”ํ•ด ๋ณด์‹ญ์‹œ์˜ค. ๊ทธ๋•Œ์ฏค์ด๋ฉด, ์ƒํƒœ๊ณ„๋Š” ์ด๋ฏธ ์•ž์œผ๋กœ ๋‚˜์•„๊ฐ”๊ณ , ํ•ด๋‹น ๊ธฐ๋Šฅ์€ ๋ฆฌ์•กํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ LLM ํ•™์Šต ๋ฐ์ดํ„ฐ ๋ชจ๋‘์— ๋ฟŒ๋ฆฌ๋‚ด๋ฆฐ ํŒจํ„ด๊ณผ ๊ฒฝ์Ÿํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

 

์ด๊ฒƒ์ด ์ƒˆ๋กœ์šด ํ˜„์‹ค์ž…๋‹ˆ๋‹ค. LLM ํ•™์Šต ๋ฐ์ดํ„ฐ์— ์—†๋‹ค๋ฉด, ๊ทธ๊ฒƒ์€ ์กด์žฌํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ตœ์†Œ 12~18๊ฐœ์›” ๋™์•ˆ์€, ๋‹ค์Œ ๋ชจ๋ธ ํ•™์Šต ์ฃผ๊ธฐ๊ฐ€ ๋„๋ž˜ํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š”, ๊ทธ๋ฆฌ๊ณ  ํ†ต๊ณ„์ ์œผ๋กœ ์˜๋ฏธ๋ฅผ ๊ฐ€์งˆ ๋งŒํผ ์ถฉ๋ถ„ํ•œ ์˜ˆ์‹œ๊ฐ€ ํ˜„์‹ค์— ์กด์žฌํ•˜๊ธฐ ์ „๊นŒ์ง€๋Š” ๋ง์ž…๋‹ˆ๋‹ค.

 

์ด์ œ ์ด๊ฒƒ์„ ํ”„๋ ˆ์ž„์›Œํฌ๋“ค์—๊ฒŒ ์ ์šฉํ•ด ๋ด…์‹œ๋‹ค.

 

  • ์›น ํ”Œ๋žซํผ API: ํ•™์Šต ๋งˆ๊ฐ ์‹œ์  ์ด์ „์— 0~6๊ฐœ์›”์˜ ์‹ค์ œ ์‚ฌ์šฉ ๊ธฐ๊ฐ„
  • ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ๋“ค: ํ•™์Šต ๋งˆ๊ฐ ์‹œ์  ์ด์ „์— 0~6๊ฐœ์›”์˜ ์‹ค์ œ ์‚ฌ์šฉ ๊ธฐ๊ฐ„
  • ๋ฆฌ์•กํŠธ ํŒจํ„ด: 10๋…„ ์ด์ƒ์˜ ์ถ•์ ๋œ ์˜ˆ์‹œ

 

์˜ค๋Š˜๋‚ , ์—ฌ๋Ÿฌ๋ถ„์˜ ํ”„๋ ˆ์ž„์›Œํฌ๋‚˜ ๋ฌธ์„œ๊ฐ€ LLM์˜ ํ•™์Šต ๋ฐ์ดํ„ฐ์…‹์— ์—†๋‹ค๋ฉด, ๊ทธ๊ฒƒ์€ ์ถœ๋ ฅ๋˜์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ์˜ ์‹œ์Šคํ…œ ํ”„๋กฌํ”„ํŠธ์— ์—ฌ๋Ÿฌ๋ถ„์˜ API, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์—†๋‹ค๋ฉด, ๊ทธ๊ฒƒ์€ ์ถœ๋ ฅ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋„๊ตฌ ์‚ฌ์šฉ์ž๊ฐ€ ํŠน์ • API, ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋˜๋Š” ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์š”์ฒญํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด, ๊ทธ๊ฒƒ ์—ญ์‹œ ์ถœ๋ ฅ๋˜์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ชจ๋ธ ์ œ๊ณต์ž๋“ค์€ ๋ชจ๋ธ์ด ํŠน์ • ์Šคํƒ€์ผ, ํ”„๋ ˆ์ž„์›Œํฌ ๋˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์„ ํ˜ธํ•˜๋„๋ก ํŽธํ–ฅ์‹œํ‚ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

๋™์ผํ•œ ์—ญํ•™ ๊ด€๊ณ„๊ฐ€ ํ”„๋ ˆ์ž„์›Œํฌ ๊ธฐ๋Šฅ๋“ค์„ ๋Œ€์ฒดํ•˜๋„๋ก ์„ค๊ณ„๋œ ์ƒˆ๋กœ์šด ์›น ํ”Œ๋žซํผ API์—๋„ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์ธ ํŒจํ„ด์„ ์ƒ๊ฐํ•ด ๋ณด์„ธ์š”.

 

  • ๋ธŒ๋ผ์šฐ์ € ํŒ€์€ ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ ํ”ํžˆ ์‚ฌ์šฉ๋˜๋Š” ํŒจํ„ด์„ ์‹๋ณ„ํ•ฉ๋‹ˆ๋‹ค. (์˜ˆ: Sass ๋Œ€์‹  CSS Nesting)
  • ์ˆ˜๋…„์— ๊ฑธ์นœ ํ‘œ์ค€ํ™” ํ”„๋กœ์„ธ์Šค๊ฐ€ ์‹œ์ž‘๋ฉ๋‹ˆ๋‹ค.
  • ํ•ด๋‹น ๊ธฐ๋Šฅ์ด ๋ธŒ๋ผ์šฐ์ €์— ๋ฐฐํฌ๋ฉ๋‹ˆ๋‹ค.
  • ๊ฐœ๋ฐœ์ž๋“ค์€... ๊ณ„์†ํ•ด์„œ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ํŒจํ„ด์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

 

์™œ ๊ทธ๋Ÿด๊นŒ์š”? ๊ทธ ์ด์œ ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

 

  • LLM์€ ์˜ค๋ž˜๋œ ํŒจํ„ด์„ ํ•™์Šตํ–ˆ์Šต๋‹ˆ๋‹ค. Sass๋Š” 15๋…„ ๋™์•ˆ์˜ ์˜ˆ์‹œ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์ง€๋งŒ, CSS Nesting์€ 1~2๋…„์น˜ ์˜ˆ์‹œ๋งŒ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
  • ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ด๋ฏธ ์ž‘๋™ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ ๊ฐœ๋ฐœ์ž๋“ค์€ styled-components, Tailwind, CSS modules ๋“ฑ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • ์ƒํƒœ๊ณ„๊ฐ€ ์ด๋ฏธ ๊ตฌ์ถ•๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ˆ˜์ฒœ ๊ฐœ์˜ ๋ฆฌ์•กํŠธ ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ๊ธฐ์กด์˜ CSS ํŒจํ„ด์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
  • ์ „ํ™˜ํ•  ๋™๊ธฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ํ”Œ๋žซํผ ๊ธฐ๋Šฅ์ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์‚ฌ์ดํŠธ๋ฅผ ๋” ์ข‹๊ฒŒ ๋งŒ๋“ค์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.

 

์˜ˆ๋ฅผ ๋“ค์–ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

 

  • ์‚ฌ๋žŒ๋“ค์€ Sass๋ฅผ ๋งค์šฐ ์ข‹์•„ํ–ˆ์ง€๋งŒ, ๋นŒ๋“œ ๋‹จ๊ณ„๊ฐ€ ํ•„์š”ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— CSS Nesting์ด ๋“ฑ์žฅํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๋Š” ๊ฑฐ์˜ ์ถœ๋ ฅ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ ์ด์œ ๋Š” ์ „์ฒ˜๋ฆฌ ํŒจํ„ด์ด ๋ฐ์ดํ„ฐ์…‹์—์„œ ๋” ํ”ํ•˜๊ฒŒ ๋‚˜ํƒ€๋‚˜๊ธฐ ๋•Œ๋ฌธ์ด๋ฉฐ, ๋ฆฌ์•กํŠธ ๊ฐœ๋ฐœ์ž๋“ค์ด ์ด๋ฏธ LLM์ด ์ถœ๋ ฅํ•  ์ค„ ์•„๋Š” CSS-in-JS ์†”๋ฃจ์…˜์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.
  • ์บ๋Ÿฌ์…€์€ ๊ตฌ์ถ•ํ•˜๊ธฐ ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์—, ํ”Œ๋žซํผ์˜ ๊ธฐ๋ณธ ๊ธฐ๋Šฅ์œผ๋กœ ๋งŒ๋“ค์–ด์•ผ ํ•œ๋‹ค๋Š” ์˜๊ฒฌ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๋ฏธ LLM ํ•™์Šต ๋ฐ์ดํ„ฐ์— ์กด์žฌํ•˜๋Š” ํ›Œ๋ฅญํ•œ ์บ๋Ÿฌ์…€์„ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์ˆ˜์—†์ด ๋งŽ์Šต๋‹ˆ๋‹ค.

 

๋งŽ์€ ์‚ฌ์ดํŠธ์˜ ์ €์ž๋กœ์„œ, ์ €๋Š” ์ด๋Ÿฌํ•œ ๊ธฐ๋Šฅ๋“ค์„ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค. CSS ์ค‘์ฒฉ๋งŒ ํ•˜๋”๋ผ๋„ ์ œ๊ฐ€ ๊ฐœ์ธ์ ์œผ๋กœ ๋” ์ฝ๊ณ  ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์‰ฝ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ CSS ๊ตฌ์กฐ๋ฅผ ์žก์„ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด ์ค๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๋Š” ์ œ ์‚ฌ์ดํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ์˜ ์‚ฌ์ดํŠธ ๊ฒฝํ—˜ ํ’ˆ์งˆ ์ž์ฒด๋ฅผ ์‹ค์ œ๋กœ ๋ฐ”๊พธ์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ์„ ๋ฐ”๊พธ์ง€ ์•Š์œผ๋ฉฐ, ์ œ ์‚ฌ์ดํŠธ์˜ ์ ‘๊ทผ์„ฑ์„ ๋ฐ”๊พธ์ง€๋„ ์•Š์Šต๋‹ˆ๋‹ค. ๋‹จ์ง€ ์ œ๊ฐ€ ์ž‘์„ฑํ•˜๊ณ  ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“ค ๋ฟ์ž…๋‹ˆ๋‹ค.

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

 

  • ๋‹ค์ค‘ ํŽ˜์ด์ง€ view transitions (์ƒˆ๋กœ์šด ํƒ์ƒ‰ ๊ธฐ๋Šฅ)
  • WebGPU (๊ทผ๋ณธ์ ์œผ๋กœ ์ƒˆ๋กœ์šด ์—ฐ์‚ฐ ์ ‘๊ทผ)
  • WebAuthN๊ณผ PassKeys (๋ณด์•ˆ ๊ธฐ๋ณธ ์š”์†Œ)

 

๋‹ค๋ฅธ ๋ชจ๋“  ๊ฒƒ๋“ค์€ ๋ฆฌ์•กํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ LLM ํ•™์Šต ๋ฐ์ดํ„ฐ ๋ชจ๋‘์— ๊นŠ์ด ๋ฟŒ๋ฆฌ๋‚ด๋ฆฐ ํŒจํ„ด๋“ค๊ณผ ๊ฒฝ์Ÿํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์„œ ๊ณ ๋ คํ•ด์•ผ ํ•  ์ตœ์†Œ ์„ธ ๊ฐ€์ง€์˜ ๊ตฌ์„ฑ์š”์†Œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

 

  1. ์›น ๊ตฌ์ถ•์˜ ํ•ต์‹ฌ(head) ๋น„์ฆˆ๋‹ˆ์Šค - ์›น์—์„œ ํŠธ๋ž˜ํ”ฝ๊ณผ ์ˆ˜์ต์˜ ๊ฐ€์žฅ ํฐ ๋ชซ์„ ์ฐจ์ง€ํ•˜๋Š” ์ƒ์œ„ 1,000๊ฐœ ์‚ฌ์ดํŠธ ๊ทธ๋ฃน์ž…๋‹ˆ๋‹ค. ์ƒ์œ„ 1,000๊ฐœ์—์„œ 100๋งŒ ๊ฐœ ์‚ฌ์ด์˜ ์‚ฌ์ดํŠธ์—์„œ๋Š” ๋Œ€๊ทœ๋ชจ ๊ธฐ์ˆ  ๋ณ€ํ™”๋ฅผ ์ฐพ์•„๋ณด๊ธฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค. ์ด๋“ค์€ ์ด๋ฏธ ์ž๋ฆฌ ์žก์€ ์‚ฌ์ดํŠธ์™€ ์•ˆ์ •๋œ ํŒ€์„ ๋ณด์œ ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๊ธฐ์ˆ ์„ ์ „ํ™˜ํ•˜๋Š” ๊ฒƒ์€ ์–ด๋ ต๊ณ  ์ž ์žฌ์ ์ธ ์ œํ’ˆ ์†๋„ ํ–ฅ์ƒ ์™ธ์—๋Š” ๋ช…ํ™•ํ•˜์ง€ ์•Š์€ ์ด์ ์ด ๋งŽ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ์ด๋“ค์€ ์†๋„๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด LLM ๊ธฐ๋ฐ˜์˜ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•  ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์ง€๋งŒ, ํ”„๋ ˆ์ž„์›Œํฌ๋‚˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‰ฝ๊ฒŒ ์ „ํ™˜ํ•˜์ง€๋Š” ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
  2. ์›น ๊ตฌ์ถ•์˜ ์ค‘๊ฐ„(middle) ๋น„์ฆˆ๋‹ˆ์Šค - ๋‹ค์Œ 1,000๋งŒ ๊ฐœ์˜ ์‚ฌ์ดํŠธ ๊ทธ๋ฃน์€ ์†Œ๊ทœ๋ชจ ํŒ€๊ณผ ๊ฐœ์ธ์— ์˜ํ•ด ๊ตฌ์ถ•๋˜๊ณ  ์žˆ์œผ๋ฉฐ, ์ด๋“ค์€ LLM์„ ์‚ฌ์šฉํ•˜์—ฌ ์ƒˆ๋กœ์šด ์‚ฌ์ดํŠธ๋ฅผ ์™„์ „ํžˆ ๊ตฌ์ถ•ํ•  ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋ณ„๋„๋กœ ํ”„๋กฌํ”„ํŠธ๋ฅผ ์ง€์ •ํ•˜์ง€ ์•Š์€ ํ•œ, ๋„๊ตฌ๊ฐ€ ์ถœ๋ ฅํ•˜๋Š” ๊ธฐ๋ณธ๊ฐ’์„ ์‚ฌ์šฉํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.
  3. ๊ธด ๊ผฌ๋ฆฌ(long tail) - ์ด๋“ค์€ ์ •๊ทœ ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹ˆ๋ฉฐ, Loveable, Replit ๋˜๋Š” ์‹ฌ์ง€์–ด ์ฑ„ํŒ… ์•ฑ์—์„œ ์ง์ ‘ ๋„๊ตฌ๋ฅผ ์‚ฌ์šฉํ•  ์‚ฌ๋žŒ๋“ค์ž…๋‹ˆ๋‹ค. ์ด๋“ค์€ ์ฝ”๋“œ๋ฅผ ๋“ค์—ฌ๋‹ค๋ณผ ํ•„์š”๊ฐ€ ์ „ํ˜€ ์—†์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ์ด๋Ÿฌํ•œ ์ƒˆ๋กœ์šด API๋“ค ์ค‘ ์–ด๋–ค ๊ฒƒ์ด ์ด๋“ค์ด ๋” ๋‚˜์€ ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ ๊นŒ์š”? ์ด๋“ค์€ ํ”Œ๋žซํผ์˜ ์„ฑ์žฅ์„ ๋Œ€๋ณ€ํ•˜๋ฉฐ, ์ˆ˜๋ฐฑ๋งŒ ๋ช…์˜ ์‚ฌ๋žŒ๋“ค์ด ์›น์— ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

 

2๋ฒˆ๊ณผ 3๋ฒˆ ๊ทธ๋ฃน์˜ ์‚ฌ๋žŒ๋“ค์€ ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ์žฅ์„ ์ฃผ๋„ํ•˜๋Š” ์ฃผ์—ญ์ด์ง€๋งŒ, ์ด๋“ค์€ Passkeys, WebAuthn, Web Components, CSS Nesting, View Transitions ๋“ฑ ํ”Œ๋žซํผ์— ์ถ”๊ฐ€๋˜๋Š” ๋‹ค๋ฅธ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๋“ค์— ๋Œ€ํ•ด ์•Œ์ง€ ๋ชปํ•˜๋Š” ๋„๊ตฌ๋“ค์„ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•  ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์Šต๋‹ˆ๋‹ค. ์ด๋“ค์€ ๋‹จ์ง€ ์ž์‹ ๋“ค์ด ์›ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•˜๋Š” ์‚ฌ์ดํŠธ๊ฐ€ ์ƒ์„ฑ๋˜๊ธฐ๋ฅผ ์›ํ•  ๋ฟ์ž…๋‹ˆ๋‹ค.

 

์ค‘์š”ํ•œ ์ ์€ ์›น์„ ์‚ฌ์šฉํ•˜๋Š” ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž๋“ค์€ ๋„๊ตฌ์— ๊ด€์‹ฌ์ด ์—†๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์›น์„ ์‚ฌ์šฉํ•˜๋Š” ์ผ๋ฐ˜ ์‚ฌ์šฉ์ž์—๊ฒŒ๋Š” ์ „ํ˜€ ์ค‘์š”ํ•˜์ง€ ์•Š์€ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ์‚ฌ๋žŒ๋“ค์ด ๊ด€์‹ฌ์„ ๊ฐ–๋Š” ๊ฒƒ์€ ํŽ˜์ด์ง€๊ฐ€ ์ถฉ๋ถ„ํžˆ ๋น ๋ฅด๊ฒŒ ๋กœ๋“œ๋˜๋Š”๊ฐ€? ์ƒํ˜ธ์ž‘์šฉ์ด ๋ถ€๋“œ๋Ÿฌ์šด๊ฐ€? ์‚ฌ์ดํŠธ๊ฐ€ ์‹ค์ œ๋กœ ๋‚ด๊ฐ€ ํ•„์š”๋กœ ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ˆ˜ํ–‰ํ•˜๋Š”๊ฐ€? ์™€ ๊ฐ™์€ ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝํ—˜์ž…๋‹ˆ๋‹ค.

 

์˜ค๋Š˜๋‚ , ๋งŒ์•ฝ ์—ฌ๋Ÿฌ๋ถ„์ด ์ด ๋ฒ”์ฃผ๋“ค(LLM ๋˜๋Š” LLM์œผ๋กœ๋ถ€ํ„ฐ ์ฝ”๋“œ๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ๋„๊ตฌ) ์ค‘ ์–ด๋А ํ•˜๋‚˜์— ์†ํ•œ ๊ฐœ๋ฐœ์ž๋ฅผ ๋Œ€์ƒ์œผ๋กœ ํ•˜๋Š” ํšŒ์‚ฌ๋ผ๋ฉด, ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜์ง€ ์•Š์€ ๊ฒƒ์€ ์ž ์žฌ์ ์ธ ๊ณ ๊ฐ์„ ์ œํ•œํ•˜๋Š” ํ–‰์œ„์ž…๋‹ˆ๋‹ค. ์™œ๋ƒํ•˜๋ฉด ๊ฒฝ์Ÿ์‚ฌ๋“ค์€ ํ˜„์žฌ์˜ ์ˆ˜์š”๋ฅผ ์ถฉ์กฑ์‹œํ‚ค๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

 

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

 

์˜ค๋Š˜๋‚  ๋„๊ตฌ๋“ค์ด ์ฃผ๋กœ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ์ถ”์„ธ๋ฅผ ์‚ดํŽด๋ณด๋ฉด, ์‚ฌ์šฉ์ž ์˜์—ญ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํฌ๊ด„์ ์ธ ์ƒํƒœ๊ณ„๋Š” ์ปค์Šคํ…€ Select Box๋ถ€ํ„ฐ ํŠนํ™”๋œ ๋‚ ์งœ ์ปดํฌ๋„ŒํŠธ ๋ฐ ๊ทธ ์™ธ์˜ ๋ชจ๋“  ๊ฒƒ์„ ๊ฑฐ์˜ ๋‹ค ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ €๋Š” ์ƒˆ๋กœ์šด ํ”Œ๋žซํผ ๊ธฐ๋Šฅ์ด ํ˜„์žฌ ์‚ฌ์šฉ ์ค‘์ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋Œ€์ฒดํ•˜๊ฑฐ๋‚˜, ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ๋‹จ๊ธฐ์—์„œ ์ค‘๊ธฐ์ ์œผ๋กœ ๋ฆฌ์•กํŠธ๋ฅผ ๋Œ€์ฒดํ•˜๋Š” ์„ธ์ƒ์„ ์ƒ์ƒํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์ €๋Š” Remix ํŒ€์ด Remix 3๋กœ ์ถ”์ง„ํ•˜๋Š” ์ผ๋“ค์„ ์ •๋ง ์ข‹์•„ํ•˜๋ฉฐ, ์ด๊ฒƒ์ด ์–ด๋–ป๊ฒŒ ์ฑ„ํƒ๋˜๊ณ  LLM๋“ค์ด ์–ด๋–ป๊ฒŒ ์ด ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ๋ฐ›์•„๋“ค์ผ์ง€ ์ฃผ์˜ ๊นŠ๊ฒŒ ์ง€์ผœ๋ณด๋ฉฐ ์ด ๊ธ€์˜ ์˜ˆ์ธก์ด ํ˜„์‹ค์—์„œ ์–ด๋–ป๊ฒŒ ์ „๊ฐœ๋ ์ง€ ๋ณด๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. LLM๋“ค์ด ํŠน์ • ํ”„๋กฌํ”„ํŠธ๋‚˜ ๋ฌธ์„œ๋ฅผ ๋งฅ๋ฝ์— ํฌํ•จ์‹œํ‚ค์ง€ ์•Š๊ณ ๋„ Remix ์ฝ”๋“œ๋ฅผ ์ถœ๋ ฅํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๋Š” ๋ฐ ์–ผ๋งˆ๋‚˜ ์˜ค๋žœ ์‹œ๊ฐ„์ด ๊ฑธ๋ฆด์ง€ ๋ณด๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

 

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

 

ํ”Œ๋žซํผ ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ: ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ์œ„ํ•œ ๊ธฐ๋Šฅ๋“ค(์˜ˆ: Syntactic Sugar, ํŽธ์˜ API)์€ LLM ํ•™์Šต ๋ฐ์ดํ„ฐ์— ์ด๋ฏธ ํ™•๋ฆฝ๋œ ๋ฆฌ์•กํŠธ ํŒจํ„ด๊ณผ ๊ฒฝ์Ÿํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์ด๊ฒƒ๋“ค์€ ๋Œ€๋ถ€๋ถ„ ์ฑ„ํƒ๋˜์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž ์˜์—ญ์—์„œ ๊ตฌ์ถ•๋  ์ˆ˜ ์—†๋Š” ๊ทผ๋ณธ์ ์ธ ๊ธฐ๋Šฅ์— ์ง‘์ค‘ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋Š˜๋‚  ๋ธŒ๋ผ์šฐ์ € ๊ฐœ๋ฐœ์ž๋“ค์ด ๋งŒ๋“ค๊ณ  ์žˆ๋Š” ๊ธฐ๋Šฅ๋“ค์˜ ๊ฒฝ์šฐ, ์šฐ๋ฆฌ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ฐ€์ ธ๋‹ค์ค„ ์ด์ ์„ ๋ฉด๋ฐ€ํžˆ ๊ฒ€ํ† ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌํ•œ ๊ด€์ ์—์„œ, ์›น ์ปดํฌ๋„ŒํŠธ์—์„œ๋ถ€ํ„ฐ ๊ตฌ๋ฌธ์  ๋ณ€ํ™”์— ์ด๋ฅด๊ธฐ๊นŒ์ง€ ๋งŽ์€ ํ”Œ๋žซํผ ๊ธฐ๋Šฅ๋“ค์€ ํ–ฅํ›„ ๋ช‡ ๋…„ ๋™์•ˆ ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•  ๋Œ€๋‹ค์ˆ˜์˜ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ์ „ํ˜€ ํ•„์š”ํ•˜์ง€ ์•Š์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

๋„๊ตฌ ์ œ์ž‘์ž๋“ค์—๊ฒŒ (์˜ˆ: IDE): ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด, ์—ฌ๋Ÿฌ๋ถ„์˜ ๊ฐ€์šฉ ์‹œ์žฅ์€ ์ œํ•œ๋ฉ๋‹ˆ๋‹ค. ๋‹น์‹ ์˜ ๊ฒฝ์Ÿ์ž๋“ค์€ ํ˜„์žฌ์˜ ์‹œ์žฅ์˜ ์ˆ˜์š”๋ฅผ ์ถฉ์กฑ์‹œํ‚ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ํ”„๋ ˆ์ž„์›Œํฌ ๋‹ค์–‘์„ฑ์— ๋Œ€ํ•ด ์›์น™์„ ๊ณ ์ˆ˜ํ•  ์—ฌ์œ ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

์ฃฝ์€ ํ”„๋ ˆ์ž„์›Œํฌ ์ด๋ก ์€ ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์‚ฌ๋ผ์ง€๋Š” ๊ฒƒ์— ๊ด€ํ•œ ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๊ฐ€ ํ”Œ๋žซํผ์ด ๋œ ์„ธ์ƒ์—์„œ ์ ์–ด๋„ ์‚ฌ๋žŒ๋“ค์ด ์ฝ”๋“œ๋ฅผ ์œ ์ง€๋ณด์ˆ˜ํ•ด์•ผ ํ•˜๋Š” ํ•œ, ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ๋„์ฐฉ๊ณผ ๋™์‹œ์— ์ฃฝ์–ด ์žˆ๋Š”(dead on arrival) ์ƒํƒœ๋ผ๋Š” ์˜๋ฏธ์ž…๋‹ˆ๋‹ค.

 

์—ญ์ฃผ: 'dead on arrival'์€ '๋„์ฐฉ ์‹œ ์ด๋ฏธ ์‚ฌ๋ง'์ด๋ผ๋Š” ๋œป์œผ๋กœ, ๊ธฐ์ˆ  ๋ถ„์•ผ์—์„œ๋Š” ์ œํ’ˆ์ด ๋ฐฐ๋‹ฌ๋˜๊ฑฐ๋‚˜ ์„ค์น˜๋˜์ž๋งˆ์ž ๋ถˆ๋Ÿ‰์œผ๋กœ ํŒ๋ช…๋œ ์ƒํƒœ๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ํ•ด๋‹น ๊ธ€์—์„œ๋Š” ์ƒˆ๋กœ์šด ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ถœ์‹œ๋˜์ž๋งˆ์ž ์‹œ์žฅ์—์„œ ์„ฑ๊ณตํ•˜์ง€ ๋ชปํ•˜๋Š” ์ƒํ™ฉ์„ ๋น„์œ ์ ์œผ๋กœ ํ‘œํ˜„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

 

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

 

๋งŒ์•ฝ ์—…๊ณ„๊ฐ€ ์œ ์ง€๋ณด์ˆ˜์„ฑ๊ณผ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์— ํ˜„์žฌ์™€ ๊ฐ™์€ ์ดˆ์ ์„ ๋งž์ถ˜๋‹ค๋ฉด, ๊ฒฐ๊ตญ LLM๋“ค์ด ๋ฆฌ์•กํŠธ์™€ ํ•™์Šต ๋ฐ์ดํ„ฐ์— ๊นŠ์ด ๋ฟŒ๋ฆฌ๋‚ด๋ฆฐ ์†Œ์ˆ˜์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น์„ ๊ตฌ์ถ•ํ•˜๋Š” ์„ธ์ƒ์— ์ด๋ฅด๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ ํ˜์‹ ์€ ์ •์ฒด๋˜๊ณ , ํ”Œ๋žซํผ ํ˜์‹ ์€ ๋‹ค๋ฅธ ๊ณณ์— ์ดˆ์ ์„ ๋งž์ถ”๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ๋Š” ๋ณด์ด์ง€ ์•Š์œผ๋ฉฐ ๋ณ€๊ฒฝ ๋ถˆ๊ฐ€๋Šฅํ•œ ์กด์žฌ์ธ ์ธํ”„๋ผ๊ฐ€ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

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

 

๋‘ ๊ฐ€์ง€ ์‹œ๋‚˜๋ฆฌ์˜ค ์ค‘ ์–ด๋А ์ชฝ์ด๋“ , ์šฐ๋ฆฌ๋Š” ์‚ฌ์šฉ์ž ๊ฒฐ๊ณผ๋ฌผ์„ ๋‘๊ณ  ๊ฒฝ์Ÿํ•˜๊ธฐ ์‹œ์ž‘ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” Core Web Vitals๊ฐ€ ์„ฑ๋Šฅ์— ๋Œ€ํ•ด ๊ทธ๋žฌ๋˜ ๊ฒƒ์ฒ˜๋Ÿผ, ํ’ˆ์งˆ ๊ฒฐ๊ณผ๋ฌผ์— ์ดˆ์ ์„ ๋งž์ถ˜ ํ‰๊ฐ€์™€ ๋ฒค์น˜๋งˆํฌ๊ฐ€ ๋“ฑ์žฅํ•˜๊ธฐ๋ฅผ ์ •๋ง๋กœ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๋„๊ตฌ๋“ค์ด ์‚ฌ์šฉ์ž๋ฅผ ์œ ์น˜ํ•˜๊ธฐ ์œ„ํ•ด ๊ฒฝ์Ÿํ•  ๋•Œ, ์˜๋ฏธ ์žˆ๊ฒŒ ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•˜๋Š” ๋„๊ตฌ๊ฐ€ ์Šน๋ฆฌํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ฒฝ์Ÿ ์••๋ฐ•์€ ์ „์ฒด ์ƒํƒœ๊ณ„๊ฐ€ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•„๋‹Œ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•ด ์ตœ์ ํ™”ํ•˜๋„๋ก ์žฅ๋ คํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

๊ทธ๋ฆฌ๊ณ  ๋งŒ์•ฝ ์šฐ๋ฆฌ๊ฐ€ ์„ฑ๊ณตํ•œ๋‹ค๋ฉด ์–ด๋–จ๊นŒ์š”? ๊ทธ๋ ‡๋‹ค๋ฉด ์žฅ๊ธฐ์ ์œผ๋กœ, ์‚ฌ๋žŒ๋“ค์ด ๋‹จ์–ด๋งŒ์œผ๋กœ ์‚ฌ์ดํŠธ๋ฅผ ์กฐ์ž‘ํ•  ์ˆ˜ ์žˆ์„ ์ •๋„๋กœ ๋ชจ๋ธ์ด ๊ฐœ์„ ๋˜๊ณ , LLM ์ œ๊ณต์—…์ฒด๋“ค์ด ์ž์‹ ๋“ค์˜ ์ž์ฒด ํ”„๋ ˆ์ž„์›Œํฌ๋‚˜ ํŠœ๋‹์„ ํ†ตํ•ด ๋” ๋‚˜์€ ๊ฒฐ๊ณผ๋ฌผ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋ฏฟ๊ฒŒ ๋˜๋ฉด์„œ ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ๋ฌด์˜๋ฏธํ•ด์งˆ ๊ฒƒ์ž…๋‹ˆ๋‹ค. (Ade์—๊ฒŒ ๊ฐ์‚ฌ๋ฅผ ํ‘œํ•ฉ๋‹ˆ๋‹ค.) ์ „๋‹ฌ ๊ธฐ์ˆ ์€ ์‚ฌ์šฉ์ž ์š”๊ตฌ๋ฅผ ์ถฉ์กฑ์‹œํ‚ค๋Š” ์ตœ์ ํ™”๋œ ์ปดํŒŒ์ผ๋œ ์ถœ๋ ฅ์ด ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์ด "๋ฆฌ์•กํŠธ"๋“  ๋‹ค๋ฅธ ๋ฌด์—‡์ด๋“  ์ƒ๊ด€์—†์–ด์ง€๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

 

์›์‹œ์ ์ด๊ณ  ์ˆœ์ˆ˜ํ•œ ์›น ํ”Œ๋žซํผ์€ ์–ด๋–จ๊นŒ์š”? ๊ทผ๋ณธ์ ์œผ๋กœ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ, ์ฆ‰ ์‚ฌ์šฉ์ž ์˜์—ญ์—์„œ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์—†๋Š” ๊ธฐ๋Šฅ์ด๋‚˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ๋Š” ๋‹ฌ์„ฑํ•  ์ˆ˜ ์—†๋Š” ๋ช…ํ™•ํ•œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์— ์ง‘์ค‘ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

 

 

๐Ÿš€ ํ•œ๊ตญ์–ด๋กœ ๋œ ํ”„๋ŸฐํŠธ์—”๋“œ ์•„ํ‹ฐํด์„ ๋น ๋ฅด๊ฒŒ ๋ฐ›์•„๋ณด๊ณ  ์‹ถ๋‹ค๋ฉด Korean FE Article์„ ๊ตฌ๋…ํ•ด์ฃผ์„ธ์š”!
๋ฐ˜์‘ํ˜•

๐Ÿ’ฌ ๋Œ“๊ธ€