Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
NEW

Cursor AI๋กœ ๋งŒ๋“ค๋ฉด์„œ ๋ฐฐ์šฐ๋Š” Web & Javascript

๋‚˜๋งŒ์˜ ๊ธฐ์ˆ ์„ ๊ฐ€์ง€๊ณ  ์‹ถ์œผ์‹  ๋ถ„, ์›น ๊ฐœ๋ฐœ์„ ์ฐจ๊ทผ์ฐจ๊ทผ ๋ฐฐ์›Œ๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„์—๊ฒŒ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €์™€ ์–ธ์–ด์˜ ์—ญ์‚ฌ๋ถ€ํ„ฐ ๊ฐ€๋ฅด์ณ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

20๋ช… ์ด ์ˆ˜๊ฐ•ํ•˜๊ณ  ์žˆ์–ด์š”.

Thumbnail

์ž…๋ฌธ์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[์›น ๊ฐœ๋ฐœ, CursorAI] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

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

  • LLM์œผ๋กœ ๋จผ์ € ๊ฐœ๋ฐœ! ๊ทธ๋ฆฌ๊ณ  ํ•ด์„ํ•˜๋ฉด์„œ ๋ฐฐ์›Œ์š”.

  • ์›น์€ ๋ˆ„๊ฐ€ ๋งŒ๋“ค์—ˆ์„๊นŒ? ์™œ ๋งŒ๋“ค์—ˆ์ง€? ์—ญ์‚ฌ๋ถ€ํ„ฐ ์ฐจ๊ทผ์ฐจ๊ทผ~

  • AI? ๋‚˜๋ž‘์€ ๋„ˆ๋ฌด ๋จผ ์ด์•ผ๊ธฐ ์•„๋‹๊นŒ? ์•„๋‹ˆ์—์š”! Cursor AI๋กœ ๊ฒฝํ—˜ํ•ด๋ณด์„ธ์š”.

  • ์ฐจ๊ทผ์ฐจ๊ทผ ๋ฐฐ์šฐ๋Š” Web APIs์™€ Javascript. ์ดํ•ด๋  ๋•Œ๊นŒ์ง€!

  • ๋‚ด๊ฐ€ ๋งŒ๋“  ์›น ํŽ˜์ด์ง€. ๋‚ด ์ปดํ“จํ„ฐ์—๋งŒ? No! ์ง์ ‘ ๋ฐฐํฌํ•ด์„œ ์œ ์ €์—๊ฒŒ ๋ณด์—ฌ์ค˜์š”.


< AI Tool์„ ํ†ตํ•œ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์„ ๊ฟˆ๊พธ๊ณ  ๊ณ„์‹ ๊ฐ€์š”? >


๐Ÿ“ข ์–ธ์ œ๊นŒ์ง€ ๊ธฐ์ดˆ ๋ฌธ๋ฒ•๋งŒ ๋ฐฐ์šธ ์ˆ˜๋Š” ์—†์–ด์š”!


๋” ์ด์ƒ ๊ธฐ์ดˆ ๋ฌธ๋ฒ• ๋จผ์ € ๋ฐฐ์šฐ๋Š” ๊ฒƒ์€ No!

AI ์—๋””ํ„ฐ๋ฅผ ์ด์šฉํ•ด์„œ ๋งŒ๋“ค๋ฉด์„œ ๋ฐฐ์šฐ๊ธฐ Yes!


ChatGPT ์ดํ›„๋กœ ์ˆ˜ ๋งŽ์€ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐ•์ขŒ ํŒ๊ณผ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•๋ก ์ด ์Ÿ์•„์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

ํ”„๋กฌํ”„ํŠธ ๋ช‡ ์ค„๋กœ ํ™ˆํŽ˜์ด์ง€๋‚˜ ๊ฒŒ์ž„ ์ œ์ž‘ํ•˜๊ธฐ, ์‹ฌ์ง€์–ด๋Š” ์ฝ”๋“œ๋ฅผ ํ•˜๋‚˜๋„ ํƒ€์ดํ•‘ํ•˜์ง€ ์•Š๊ณ  ๋ชฉ์†Œ๋ฆฌ๋กœ ํ•˜๋Š” ๋ฐ”์ด๋ธŒ ์ฝ”๋”ฉ(vibe coding)๊นŒ์ง€?


ํ•˜์ง€๋งŒ ์•„์ง๊นŒ์ง€ AI๋กœ ํ•˜๋Š” ๊ฐœ๋ฐœ์€ ํ•œ๊ณ„๊ฐ€ ์žˆ๋‹ค๋Š” ์˜๊ฒฌ๋„ ์žˆ์–ด์š”.

๊ฐœ๋ฐœ์„ ๋ชจ๋‘ ๋งก๊ธฐ๋ฉด ์ง€์†์ ์ธ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ๊ฐœ๋ฐœํ•˜๊ธฐ๋„ ์‰ฝ์ง€ ์•Š๊ณ ์š”.


์ด๋ ‡๊ฒŒ ๋‹ค์–‘ํ•œ ์˜๊ฒฌ์ด ์ฒจ์˜ˆํ•˜๊ฒŒ ๋‚˜๋‰˜๋Š” ์‹œ๋Œ€์—๋Š”, ์–ด๋–ป๊ฒŒ ์ฝ”๋“œ๋ฅผ ๋ฐฐ์›Œ์•ผํ• ๊นŒ์š”?


์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ ์‹œ์ž‘์„ ๋ง์„ค์ด๊ณ  ์žˆ๋Š” ๋ถ„, ๋น„์ „๊ณต์ž์ธ๋ฐ ๋‚˜๋งŒ์˜ ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„,

์›น ํŽ˜์ด์ง€๊ฐ€ ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜๋Š” ๊ฒƒ์ธ์ง€ ์•Œ๊ณ  ์‹ถ์œผ์‹  ๋ถ„, LLM์œผ๋กœ ์ฝ”๋“œ๋Š” ๋งŒ๋“ค์—ˆ๋Š”๋ฐ ํ•ด์„์„ ํ•ด๋ณด๊ณ  ์‹ถ์€ ๋ถ„!


์ง€๊ธˆ ์ด ๊ฐ•์˜๋กœ ์›น ๊ฐœ๋ฐœ์˜ ๊ธฐ์ดˆ๋ฅผ ์‹œ์ž‘ํ•˜์„ธ์š”. (Javascript, HTML/CSS)

์ง์ ‘ Claude ๋ฌด๋ฃŒ ๋ฒ„์ „์œผ๋กœ ์ƒ์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด์„œ ์ฐจ๊ทผ์ฐจ๊ทผ ์›น์˜ ๊ฐœ๋…, ์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘ ๋ฐฉ์‹, ๊ทธ ์œ„์—์„œ ๋™์ž‘ํ•˜๋Š” Javascript ์–ธ์–ด์˜ ๋ฌธ๋ฒ•์„ ์„ค๋ช…ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.


๊ทธ๋ƒฅ ๋ฌธ๋ฒ•๋งŒ ๋ฐฐ์šฐ๋Š”๊ฒŒ ์•„๋‹ˆ๊ณ , ๋‚˜๋งŒ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง์ ‘ ๊ฐœ๋ฐœํ•ด๋ณด๋ฉด์„œ์š”!


์•ž์œผ๋กœ AI๋ฅผ ํ†ตํ•ด ์ƒ์„ฑํ•˜๋Š” ์ฝ”๋“œ์™€ ์†Œํ”„ํŠธ์›จ์–ด๋Š” ์ ์  ๋งŽ์•„์งˆ ๊ฑฐ์—์š”.

์ง€๊ธˆ๋„ ๋Šฆ์ง€ ์•Š์•˜์–ด์š”. ๋ชจ๋‘๊ฐ€ ๋›ฐ์–ด๊ฐ€๋Š” ์„ธ์ƒ์— ์šฐ๋ฆฌ๋„ ํ•จ๊ป˜ ์ฒซ ๊ฑธ์Œ์„ ๋–ผ๋ณด๋Š” ๊ฒƒ์ด ์–ด๋–จ๊นŒ์š”?

ChatGPT, Claude, Gemini๋กœ ์ƒ์„ฑํ•œ ์ฝ”๋“œ.. ํ•ด์„ํ•˜๊ณ  ์ˆ˜์ •ํ•ด๋ณด๊ณ  ์‹ถ๋‹ค๋ฉด?



๐Ÿ“Œ ๋ˆˆ ์•ž์—์„œ ์ง์ ‘ ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๋˜‘๊ฐ™์ด ํ”„๋กฌํ”„ํŠธ๋กœ ์ƒ์„ฑํ•œ ์ฝ”๋“œ, ์ด๋ ‡๊ฒŒ ํ•ด์„ํ•˜๋Š” ๊ฑฐ์—์š”!

๐Ÿ’ป ๋ฌธ๋ฒ•๋งŒ ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•˜๋ฉด ๋ญํ•ด์š”. ๋ญ”๊ฐ€๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ๋ฐฐ์›Œ์•ผ์ฃ ! "์ง„์งœ" ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ๋ฐฐ์›Œ์š”.

๐Ÿ›  LLM์ด ์ƒ์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด์„œ ๊ฐœ๋…์„ ์žก์•„์š”. ์•„~ ์ด๋ ‡๊ฒŒ ์ฝ”๋“œ๊ฐ€ ๋™์ž‘ํ•˜๋Š” ๊ฑฐ๊ตฌ๋‚˜!

โŒ ์„ ํ–‰ ์ง€์‹? No! ์ปดํ“จํ„ฐ ์ „๊ณต์ž๋งŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์ „๋ฌธ ์šฉ์–ด? No! ๋ฏธ๋ž˜์˜ ์ œ ์ž๋…€์—๊ฒŒ๋„ ๋ณด์—ฌ์ค„ ๊ฑฐ์—์š”.

โ” ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋‹ค๊ฐ€ ์ž˜ ์•ˆ๋ผ์š”.. ์–ด๋–ป๊ฒŒ ํ•˜์ฃ ? ๋ฐ”๋กœ ๋‹ต๋ณ€ํ•ด๋“œ๋ ค์š”! ๋งŽ์ด ๋งŽ์ด ์งˆ๋ฌธ ์˜ฌ๋ ค์ฃผ์„ธ์š”.

๐Ÿ’ก๋‹ค๋ฅธ ๊ฐ•์˜์™€ ์ฐจ๋ณ„์ ์ด ๋ฌด์—‡์ธ๊ฐ€์š”?

  • ์ด ๊ฐ•์˜๋Š” ์•ž๋’ค ๋งฅ๋ฝ ์—†์ด ๋ฐ”๋กœ ๋ฌธ๋ฒ•์„ ๋“ค์ด๋ฐ€์ง€ ์•Š์•„์š”. ์šฐ๋ฆฌ๋Š” ๋ฌธ๋ฒ•๋งŒ ๋ฐฐ์šฐ๋ ค๋Š” ๊ฒŒ ์•„๋‹ˆ์—์š”.

  • ์ผ๋‹จ ๋จผ์ € LLM์œผ๋กœ ํ•ต์‹ฌ ์•„์ด๋””์–ด๋ฅผ ๊ตฌํ˜„ํ•ด์š”. ๊ทธ ๋‹ค์Œ์— ์ฝ”๋“œ๋ฅผ ํ•ด์„ํ•˜๋ฉด์„œ ๋ฐฐ์›Œ์š”.

  • ๊ธฐ์ˆ ์˜ ์—ญ์‚ฌ๋ฅผ ํ•จ๊ป˜ ๋ฐฐ์›Œ์š”. ์ด ๊ธฐ์ˆ ์€ ์™œ ์ƒ๊ฒจ๋‚ฌ์„๊นŒ์š”? ๋ˆ„๊ฐ€ ๋งŒ๋“ค์—ˆ์„๊นŒ์š”? ์–ด๋–ป๊ฒŒ ๋ฐœ์ „ํ–ˆ๋‚˜์š”?

โœ… ์ด๋Ÿฐ ๋ถ„๋“ค์—๊ฒŒ ํฐ ๋„์›€์ด ๋˜๋Š” ๊ฐ•์˜์—์š”.

์›น ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ์–ด์š”

๋งค๋ฒˆ HTML, CSS, Javascript ๋ฌธ๋ฒ•๋งŒ ๋ช‡ ๋ฒˆ์”ฉ ๋ดค์–ด์š”.

๋‚˜๋งŒ์˜ ๊ฒƒ์„ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์–ด์š”.

LLM์„ ์ž˜ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์‹ถ์–ด์š”
์š”์ƒˆ AI๊ฐ€ ํ•ซํ•˜๋‹ค๋˜๋ฐ,

์ œ๊ฐ€ ๋ญ”๊ฐ€ ์ด์šฉํ•  ์ˆ˜ ์—†์„๊นŒ์š”?

์ƒˆ๋กœ์šด ํˆด์„ ์–ด๋–ป๊ฒŒ ์จ์•ผ ํ• ๊นŒ์š”.

์›น ๊ธฐ์ˆ ์˜ ์—ญ์‚ฌ์™€ ๊ทผ์›์ด ๊ถ๊ธˆํ•ด์š”
์›น ํŽ˜์ด์ง€๋Š” ์–ด๋–ป๊ฒŒ ๋™์ž‘ํ•˜์ง€?

API๋Š” ๋ญ์ง€? ์›น ๋ธŒ๋ผ์šฐ์ €๋Š”?

HTML์€ ๋ˆ„๊ฐ€ ๋งŒ๋“ค์—ˆ์„๊นŒ?

๐Ÿ’ก๋งˆ๊ตฌ์žก์ด๋กœ LLM(ChatGPT, Claude, Grok)์—์„œ ์ƒ์„ฑ๋œ ์ฝ”๋“œ๋ฅผ ํ•ด์„ํ•˜๊ธฐ ์–ด๋ ต๋‹ค๋ฉด?

  • ๋งŒ๋“ค์–ด์ง„ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ๋ฌธ๋ฒ•๊ณผ ๋™์ž‘์„ ํ•ด์„ํ•ด์š”.

  • ๋ชจ๋“  IT ๊ธฐ์ˆ ์€ ๋‹จ์ ๊ณผ ๋ถˆํŽธํ•จ์—์„œ ํƒ„์ƒํ–ˆ์–ด์š”. ES6๋Š” ๋ฌด์—‡์ผ๊นŒ์š”? HTML์€์š”?

  • ๋๊นŒ์ง€ ์™„์„ฑํ•ด์š”. ๋‚˜๋งŒ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง์ ‘ ์˜ฌ๋ ค๋ณด๊ณ , ์‹ค์ œ ์œ ์ €์—๊ฒŒ ๋‚ด๊ฐ€ ๋งŒ๋“  ํŽ˜์ด์ง€๋ฅผ ์ œ๊ณตํ•ด์š”.

โœ… ์‹ค์ œ ๊ฐ•์˜์—์„œ ๋ฐฐ์šฐ๋Š” ์ž๋ฃŒ๋ฅผ ๋ณด๊ณ  ํŒ๋‹จํ•˜์„ธ์š” ๐Ÿ˜€

Cursor AI ์ฝ”๋“œ ์—๋””ํ„ฐ๋ฅผ ์„ธํŒ…ํ•ด์š”.

์šฐ๋ฆฌ๊ฐ€ ์‚ฌ์šฉํ•  ์—๋””ํ„ฐ๋ฅผ ์ง์ ‘ ์„ธํŒ…ํ•ด์š”.

๊ฐœ๋ณ„ ๋ฉ”๋‰ด์— ๋Œ€ํ•ด์„œ ๋ฐฐ์›Œ๋ณด๊ณ , ๋” ํŽธํ•˜๊ฒŒ ์„ธํŒ…ํ•  ๋ฐฉ๋ฒ•์€ ์—†๋Š”์ง€ ํ•จ๊ป˜ ๊ณ ๋ฏผํ•ด๋ด์š”.

LLM์„ ํ†ตํ•ด ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•ด๋ด์š”.

๋ฌด์ž‘์ • ํ”„๋กฌํ”„ํŠธ๋กœ ์ƒ์„ฑํ•œ ์›น ํŽ˜์ด์ง€!

์ด๊ฑด ๋ฌด์Šจ ์˜๋ฏธ์ผ๊นŒ? ์™œ ์ด๋ ‡๊ฒŒ ์ž‘๋™ํ• ๊นŒ?

Javascript์™€ HTML๋ฅผ ํ•˜๋‚˜์”ฉ ์ง์ ‘ ์ˆ˜์ •ํ•ด๋ด์š”.

์˜ˆ์ œ๋กœ ๋ฐฐ์šฐ๊ณ , ๋ชจ๋ฅด๋Š” ๊ฒƒ์€ ์„ค๋ช…ํ•ด๋“œ๋ฆด๊ฒŒ์š”.

์ด ๋ฌธ๋ฒ•์€ ์–ธ์ œ ์“ฐ๋Š” ๊ฑธ๊นŒ์š”?

์ฑ…์—์„œ๋งŒ ์ฝ์—ˆ๋˜, ์ง€๋‚˜๊ฐ€๋‹ค๊ฐ€ ๋“ฃ๊ธฐ๋งŒ ํ–ˆ๋˜ ๊ฒƒ์„

์ง์ ‘ ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด์„œ ์„ค๋ช…ํ•ด์š”. ์ง€๋ฃจํ•˜์ง€ ์•Š๊ฒŒ ๐Ÿ˜ƒ

์ง์ ‘ LLM์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•ด๋ณด๊ณ  ์‘์šฉํ•ด์š”.

21์„ธ๊ธฐ๋Š” AI์˜ ์‹œ๋Œ€! ์ด์ œ ๋ชจ๋‘๊ฐ€ LLM์œผ๋กœ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ฃ . ๊ทธ๋Ÿฐ๋ฐ ์ฝ์„ ์ค„ ๋ชจ๋ฅด๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์—†๋‹ค๋ฉด? ๊ทธ๋Ÿฌ๋ฉด ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜๋Š” ์†Œํ”„ํŠธ์›จ์–ด๋กœ ๋ฐ”๊ฟ”๋ด์š”!

์ˆ˜์—…๋งŒ ๋“ค์œผ๋ฉด ์žฌ๋ฏธ์—†์ž–์•„์š”...!

์ฝ”๋”ฉ์„ ํ•  ๋•Œ ์•Œ๋ฉด ์ข‹์€ ๊ฒƒ๋“ค์€ ๋ฌด์—‡์ด ์žˆ์„๊นŒ์š”?

์‹ค์ œ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉด์„œ ์–ด๋ ค์›€์„ ๊ฒช๋Š” ๊ฒฝ์šฐ๋Š” ๋ญ˜๊นŒ์š”?


ํ™”๋ฉด์—์„œ ์ฝ”๋“œ๋งŒ ์ž‘์„ฑํ•˜์ง€ ์•Š์•„์š”.

๋”์ด์ƒ ์ฝ”๋“œ๋งŒ ์ž‘์„ฑํ•˜๋Š” ์ˆ˜์—…์€ No!

์™œ ์ด๋ ‡๊ฒŒ ๋™์ž‘ํ•˜๋Š” ์ง€๋ฅผ ํ•„๊ธฐ๋กœ ์„ค๋ช…ํ•ด๋“œ๋ ค์š”.


๐Ÿ‘์ด ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋ฉด ๋„๋Œ€์ฒด ๋ญ๊ฐ€ ๋‚จ์„๊นŒ์š”.


์ด ๊ฐ•์˜๋Š” LLM์ด ์ƒ์„ฑํ•ด์ฃผ๋Š” ์ฝ”๋“œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ cursor ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ์›น ๊ฐœ๋ฐœ์„ ์ฐจ๊ทผ์ฐจ๊ทผ ๋ฐฐ์›๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ! ๋‹จ์ˆœํ•œ ์›น ๊ฐœ๋ฐœ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์•„๋ž˜์™€ ๊ฐ™์€ ๊ณ ๋ฏผ์ด ์žˆ์œผ์‹  ๋ถ„์—๊ฒŒ๋„ ๋„์›€์ด ๋  ๊ฑฐ์—์š”.


1. ํ˜ผ์ž์„œ๋ผ๋„ ์ฐฝ์—…ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ์—†์„๊นŒ์š”? ์ธ๋”” ํ•ด์ปค๊ฐ€ ๋˜๊ณ  ์‹ถ์–ด์š”!

<ํ•œ ์‚ฌ๋žŒ์ด ๋งŒ๋“  10์–ต ๋‹ฌ๋Ÿฌ ๊ฐ€์น˜์˜ ํšŒ์‚ฌ>

์ถœ์ฒ˜: https://every.to/napkin-math/the-one-person-billion-dollar-company

<10๊ฐœ์˜ ์ธ์ƒ ๊นŠ์€ ํ•œ ์‚ฌ๋žŒ์ด ๋งŒ๋“  ํšŒ์‚ฌ๋“ค>

์ถœ์ฒ˜: https://hackernoon.com/check-out-these-impressive-1-person-companies

1์ธ ๊ธฐ์—…์œผ๋กœ์„œ 10์–ต ๋‹ฌ๋Ÿฌ(1.3์กฐ์›) ๊ฐ€์น˜๋ฅผ ๊ฐ€์ง€๋Š” ๊ธฐ์—…๋“ค์ด ๋‚˜์˜ฌ ๊ฒƒ์ด๋ผ๊ณ  ์˜ˆ์ธกํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์ด ์žˆ์–ด์š”.

๊ทธ ์ค‘ ํ•œ ๋ช…์ด OpenAI์˜ ์ƒ˜ ์•ŒํŠธ๋จผ์ด์ฃ ! AI๋Š” ์ด ์‹œ๋Œ€๋ฅผ ๋ฐ”๊ฟ€ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์ด๋ผ๊ณ  ํ•ด์š”.

๋ฐ˜๋Œ€๋กœ ํ˜ผ์ž์„œ๋Š” ๊ทธ๋ ‡๊ฒŒ ํฌ๊ฒŒ ์„ฑ๊ณตํ•˜๊ธฐ ์‰ฝ์ง€ ์•Š๋‹ค๋Š” ์‚ฌ๋žŒ๋„ ์žˆ์ฃ .


๊ทธ๋Ÿฐ ์ƒ๊ฐํ•ด๋ณธ ์  ์žˆ์œผ์„ธ์š”?

'ํ˜ผ์ž์„œ ์„ธ์ƒ์— ์˜ํ–ฅ์„ ๋ฏธ์น  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ผ๊นŒ?'

'ํ‡ด๊ทผํ•˜๊ณ  ๋‚˜์„œ, ํœด์ง ๊ธฐ๊ฐ„์—, ์‹œ๊ฐ„๊ณผ ์žฅ์†Œ์— ์˜ํ–ฅ์„ ๋œ ๋ฐ›๊ณ  ํ•  ์ˆ˜ ์žˆ๋Š” ํ™œ๋™์€ ์—†์„๊นŒ?'

์ฐฝ์—… ๋น„์šฉ์€ ์ œ๋กœ๋กœ ๋–จ์–ด์ง€๊ณ , ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์€ ๋‚ ๋กœ ์‰ฌ์›Œ์ง€๊ณ  ์žˆ์–ด์š”.

์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์ด ์ด๋Ÿฐ ๊ณ ๋ฏผ๋“ค์˜ ๋Œ€๋‹ต์ด ๋  ์ˆ˜ ์žˆ์–ด์š”.


์ด์ œ๋Š” LLM์˜ ์‹œ๋Œ€์—์š”.

Grok, Claude, ChatGPT, Gemini, DeepSeek๊นŒ์ง€!

์—ฌ๋Ÿฌ ๊ฐœ์˜ LLM ๋ชจ๋ธ์„ ํ†ตํ•ด์„œ ์ฝ”๋“œ๋ฅผ ์ž๋™ ์ƒ์„ฑํ•˜๊ณ , ์ˆ˜์ •ํ•ด๋ณด๊ณ , ํ•ด์„ํ•ด๋ณด๋Š” ๊ฒƒ์„ ๋ฐฐ์›Œ์š”.


2. ๋ญ”๊ฐ€๊ฐ€ ๋˜๊ธด ๋˜๋Š”๋ฐ, ์™œ ๋˜๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์š”. ๋ฐฐ์šฐ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค!

< ์ด์ œ๋Š” ์ž์—ฐ์–ด ๋ฌธ์žฅ ํ•˜๋‚˜๋กœ ๊ฐ„๋‹จํ•œ ์›น ํŽ˜์ด์ง€๊ฐ€ ๋‚˜์˜ค๋Š” ์„ธ์ƒ์ด์—์š”. >


์ด๊ฑธ๋กœ ๋ญ”๊ฐ€๋ฅผ ๋งŒ๋“ค์–ด๋ณผ ์ˆ˜๋Š” ์—†์„๊นŒ์š”?

์—ฌ๋Ÿฌ ํŽ˜์ด์ง€๊ฐ€ ์žˆ๋Š” ๊ธฐ์—…ํ˜• ๋žœ๋”ฉํŽ˜์ด์ง€, ๋‚˜๋ฅผ ์•Œ๋ฆด ์ˆ˜ ์žˆ๋Š” ํฌํŠธํด๋ฆฌ์˜ค ํ™ˆํŽ˜์ด์ง€, ๊ฐ„๋‹จํ•œ ํ€ด์ฆˆ๋ฅผ ๋‚ด๊ณ  ์ƒ์‹์„ ์•Œ๋ ค์ฃผ๋Š” ์ •๋ณด์„ฑ ํŽ˜์ด์ง€๋‚˜ ๋ธ”๋กœ๊ทธ๋Š”์š”?


๋ฌด์—‡๊ฐ€๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ์„ธ์ƒ์—์„œ ์กฐ๊ธˆ๋งŒ ๋” ํˆด์„ ์•Œ๋ฉด "์ง„์งœ ์ œํ’ˆ"์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์š”!

์ด ๊ฐ•์˜๋ฅผ ํ†ตํ•ด์„œ ์—ฌ๋Ÿฌ๋ถ„๋“ค์ด ์ง์ ‘ ๋งŒ๋“  ์›น ํŽ˜์ด์ง€๋ฅผ ๋ฌด๋ฃŒ ํ˜ธ์ŠคํŒ… ์„œ๋น„์Šค์— ์—…๋กœ๋“œํ•˜๊ณ , ์‹ค์ œ ์œ ์ €๋“ค์„ ๋ชจ์•„๋ณด์„ธ์š”.


3. ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค! ๊ทธ ๋‹ค์Œ์€...?

์ œ๋ชฉ: ใ€Œํ˜ผ์ž SaaS๋ฅผ ์ฐฝ์—…ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์ข‹์€ ํˆด?ใ€ ์ถœ์ฒ˜: ํ•ด์ปค๋‰ด์Šค

์›น ํŽ˜์ด์ง€๋Š” ๋ˆ„๊ตฌ๋‚˜ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๊ณ ์š”?

๋ฐฐํฌ๋Š”์š”? ์œ ์ง€๋ณด์ˆ˜๋Š”์š”? ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘์€ ์–ด๋–ป๊ฒŒ ํ• ๊นŒ์š”? ์ˆ˜์ตํ™” ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ผ๊นŒ์š”?


์ฒซ ๋ฒˆ์งธ ํ—ˆ๋“ค์„ ๋„˜์œผ๋ฉด ๋‹ค์Œ ํ—ˆ๋“ค์„ ๋„˜์–ด์•ผํ•ด์š”.

๋ฐ์ดํ„ฐ ์ˆ˜์ง‘, ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ, DB ๊ด€๋ฆฌ....

๊นŒ์ง€ ๊ฐ€๊ธฐ ์ „์—!


๋จผ์ € ์ œ๋Œ€๋กœ ๋œ ์›น์„ ์—…๋กœ๋“œํ•˜๊ณ , ๋ฐฐํฌํ•˜๋ฉด์„œ ์–ด๋–ป๊ฒŒ ์›น ํŽ˜์ด์ง€๊ฐ€ ๋™์ž‘ํ•˜๋Š” ์ง€๋ฅผ ๋ฐฐ์›Œ์•ผ ํ•ด์š”.

์ด ๊ฐ•์˜์—์„œ๋Š” ์›น ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“œ๋Š” ๊ณผ์ •๊ณผ ๊ทธ ์ดํ›„์— ์–ด๋–ค ๊ฒƒ๋“ค์ด ํ•„์š”ํ•œ์ง€๋„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฐฐ์šธ ๊ฑฐ์—์š”.

๐Ÿ‘‹ ๊ฐ•์˜๋ฅผ ๋งŒ๋“  ์ด์œ  & ๊ฐ•์‚ฌ ์†Œ๊ฐœ


์•ˆ๋…•ํ•˜์„ธ์š”, ์œ ํŠœ๋ธŒ์—์„œ @weekendcode๋กœ ํ™œ๋™ํ•˜๊ณ  ์žˆ๋Š” ์ฃผ๋ง์ฝ”๋”ฉ์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

Java ๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๋‹ค๊ฐ€ ํ˜„์žฌ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ต์œก ๊ด€๋ จ ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


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


์ด๋ฒˆ์—๋Š” ์›น ๊ฐœ๋ฐœ์ž…๋‹ˆ๋‹ค!

์ฒ˜์Œ์œผ๋กœ ๋‚˜๋งŒ์˜ ์›น ํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ฐœํ•ด๋ณด๊ณ  ์‹ถ์€ ๋ถ„๋“ค์„ ์œ„ํ•ด์„œ A๋ถ€ํ„ฐ Z๊นŒ์ง€ ์ค€๋น„ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ์–ด์š”.

ํ•œ ๋•€ ํ•œ ๋•€ ๋งŒ๋“  ๊ณ ํ€„๋ฆฌํ‹ฐ ๋ฐœํ‘œ ์ž๋ฃŒ ์Šฌ๋ผ์ด๋“œ์™€ ์•„๋ฌด๋„ ์•ˆ ์•Œ๋ ค์ฃผ๋Š” ์›น๊ณผ ์ธํ„ฐ๋„ท์˜ ์—ญ์‚ฌ๊นŒ์ง€!


์ฒ˜์Œ๋ถ€ํ„ฐ ์–ด๋–ป๊ฒŒ ํƒ„์ƒํ–ˆ๋Š”์ง€, ์™œ ์ด๋ ‡๊ฒŒ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜์—ˆ๋Š” ์ง€๋ฅผ ์•Œ๋ฉด ํ›จ์”ฌ ๋” ์ดํ•ด๊ฐ€ ์‰ฌ์›Œ์ง€๋‹ˆ๊นŒ์š” ๐Ÿ˜ƒ


โญ ๋‹ค๋ฅธ ๊ฐ•์˜๋Š” ์–ด๋ ค์› ์–ด์š”. ๊ทธ๋ž˜์„œ ์ด ๊ฐ•์˜๋ฅผ ๋งŒ๋“ค์—ˆ์–ด์š”.


์ œ๊ฐ€ ์ฒ˜์Œ ์›น ๊ฐœ๋ฐœ์„ ๋ฐฐ์šด ๋‚ ์„ ์•„์ง๋„ ๊ธฐ์–ตํ•ฉ๋‹ˆ๋‹ค.

์ˆ˜ ๋งŽ์€ ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ , ํ•™๊ต์—์„œ ์ˆ˜์—…๋„ ๋“ฃ๊ณ , ํ•™์›๋„ ๋‹ค๋…”์–ด์š”.

๊ทธ๋Ÿฐ๋ฐ ๋„๋Œ€์ฒด ์™œ ์ด๋ ‡๊ฒŒ ์“ฐ๋Š” ๊ฑด์ง€, ์ด๋Ÿฐ ๊ฒƒ๋“ค์€ ์–ด๋–ป๊ฒŒ ์ƒ๊ฒจ๋‚ฌ๋Š”์ง€ ์„ค๋ช…ํ•ด์ฃผ๋Š” ์‚ฌ๋žŒ์ด ์•„๋ฌด๋„ ์—†์—ˆ์–ด์š”.


ํ•˜์ง€๋งŒ ํ˜„์žฅ์—์„œ ์ง์ ‘ ๊ฐœ๋ฐœ์„ ํ•˜๋‹ˆ ์ƒ๊ฐ๋ณด๋‹ค ์‰ฌ์šด ๊ฒƒ๋“ค์ด ๋งŽ์•˜๊ณ ,

๊ทธ๋Ÿฐ ๊ฒƒ๋“ค์„ ํ•˜๋‚˜ํ•˜๋‚˜ ๋ชจ์•„์„œ ํ•˜๋‚˜์˜ ๊ฐ•์˜๋กœ ์—ฎ์–ด์„œ ์ œ๊ณตํ•ด๋“œ๋ฆฌ๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.



โญ ํ•™์Šต ์ดํ•ด๋„๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด์„œ ์ตœ์„ ์„ ๋‹คํ•ฉ๋‹ˆ๋‹ค.


์ด ๊ฐ•์˜๋Š” ์ œ ์ฒซ ๊ฐ•์˜๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค.

๋‹ค๋ฅธ ์˜์ƒ๊ณผ ๊ฐ•์ขŒ์—์„œ์˜ ๋ฆฌ๋ทฐ๋ฅผ ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

ํ—ˆํˆฌ๋ฃจ ๋งŒ๋“  ๊ฐ•์ขŒ๊ฐ€ ์•„๋‹Œ, ํ•˜๋‚˜ํ•˜๋‚˜ ์ดํ•ด๊ฐ€ ๋  ๋•Œ๊นŒ์ง€ ์„ค๋ช…ํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

๋ชจ๋ฅด๋ฉด ๋ฐ”๋กœ๋ฐ”๋กœ ์งˆ๋ฌธ ์˜ฌ๋ ค์ฃผ์„ธ์š”!


โญ ์‹œ๋Œ€๊ฐ€ ๋น ๋ฅด๊ฒŒ ๋ณ€ํ•˜๊ณ  ์žˆ์ง€๋งŒ.. ์•Œ์•„์•ผ ํ•  ๊ฒƒ์€ ๋ฐฐ์›Œ์•ผ ํ•ด์š”.


์ด์ œ๋Š” ๋ชจ๋‘๊ฐ€ AI๋ฅผ ๋งํ•˜๊ณ  ์žˆ์–ด์š”. ์ƒ์„ฑํ˜•AI, LLM, ํ”„๋กœ๊ทธ๋ž˜๋ฐ...

์ˆ˜๋งŽ์€ ํ‚ค์›Œ๋“œ ์†์—์„œ "ํ•œ๋ฐฉ์—! ์ž๋™ํ™”!"๋ฅผ ์™ธ์น˜๊ธฐ ์ „์— ๊ธฐ์ดˆ๋ฅผ ์•Œ์•„์•ผ ํ•ด์š”.

๊ทธ๋ž˜์•ผ ์ข€ ๋” ํฐ ๊ทœ๋ชจ์˜ ์›น ํŽ˜์ด์ง€, ์ž˜ ์ •๋ˆ๋œ ์ฝ”๋“œ, ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ ์‰ฌ์šด ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์–ด์š”.


์šฐ๋ฆฌ๋Š” ์ œํ’ˆ๋„ ๋งŒ๋“ค๋ฉด์„œ Javascript ๋ฌธ๋ฒ•๊ณผ ์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๋™์ž‘์„ ๋ฐฐ์›Œ๋ณผ ๊ฑฐ์—์š”.

๐Ÿ’ก๋ชจ๋ฅด๋Š” ๊ฒƒ์€ ๋ฐ”๋กœ ์งˆ๋ฌธ ์˜ฌ๋ ค์ฃผ์„ธ์š”!

  • '๋‚ด๊ฐ€ ์ดํ•ด ๋ชปํ•˜๋Š” ๋‚ด์šฉ์ด ์žˆ์ง€ ์•Š์„๊นŒ' ์‹ถ์œผ์‹ ๊ฐ€์š”? ๊ฑฑ์ • ๋งˆ์„ธ์š”. ๋ชจ๋‘์—๊ฒŒ ์ฒ˜์Œ์ด ์žˆ๋“ฏ์ด ์–ด๋–ค ์งˆ๋ฌธ์— ๋Œ€ํ•ด์„œ๋„ ์ถฉ๋ถ„ํžˆ ๊ณ ๋ฏผํ•˜๊ณ  ๋ฐ”๋กœ ๋‹ต๋ณ€๋“œ๋ฆฝ๋‹ˆ๋‹ค ๐Ÿ˜ƒ

  • ์ด ๊ฐ•์˜ ํ•˜๋‚˜๋กœ ์›น ํŽ˜์ด์ง€ ์ œ์ž‘๋ถ€ํ„ฐ ๋ฐฐํฌ๊นŒ์ง€ ๋ชจ๋‘ ๋๋‚ด์š”. ์–ด๋ ค์šด ๋งŒํผ ์—ฌ๋Ÿฌ๋ถ„์˜ ์„ฑ์žฅ์„ ์œ„ํ•œ ๊ฒฝํ—˜์ด ๋  ๊ฒƒ์ด๋ผ๊ณ  ๋ฏฟ์Šต๋‹ˆ๋‹ค.


๐Ÿค” ์ˆ˜๊ฐ• ์ „ ์ฐธ๊ณ  ์‚ฌํ•ญ

์‹ค์Šต ํ™˜๊ฒฝ

  • Cursor AI, ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹ค์Šตํ•ฉ๋‹ˆ๋‹ค.

  • ์šฐ๋ฆฌ๊ฐ€ ๋งŒ๋“  ์›น ํŽ˜์ด์ง€๋Š” Cloudflare Pages์— ๋ฐฐํฌํ•ฉ๋‹ˆ๋‹ค.

  • Windows, MacOS ๋ชจ๋“  ํ™˜๊ฒฝ์„ ์„ค๋ช…๋“œ๋ฆฝ๋‹ˆ๋‹ค.


ํ•™์Šต ์ž๋ฃŒ

  • ์ฝ”๋“œ(HTML, JS, CSS)๋Š” ๋ชจ๋‘ ํŒŒ์ผ ์›๋ณธ ๊ทธ๋Œ€๋กœ ์ œ๊ณต

  • ์ผ๋ชฉ์š”์—ฐํ•˜๊ฒŒ ์ •๋ฆฌํ•œ Javascript ๋ฌธ๋ฒ• PDF๋กœ ์ œ๊ณต

๐Ÿ–‹ Tips! ๊ฐ•์˜๋งŒ ๋“ค์œผ๋ฉด ๋„ˆ๋ฌด ์žฌ๋ฏธ์—†์ž–์•„์š”.

์ œ๊ฐ€ ๊ฐœ๋ฐœ์„ ํ•˜๋ฉด์„œ ๊ฒช์—ˆ๋˜ ์žฌ๋ฏธ์žˆ๋Š” ์ด์•ผ๊ธฐ์™€ ์ฐ๋กœ ์‰ฌ์–ด๊ฐ€๋ฉด์„œ ๊ฐ•์˜๋ฅผ ๋“ค์–ด์š”.


  • ๋‚ด๊ฒŒ ๋งž๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํฐํŠธ๋Š” ์–ด๋–ป๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ์„๊นŒ?

  • ๊ฐœ๋ฐœํ•˜๋‹ค๊ฐ€ ์žฅ์• ๋ฌผ์„ ๋งŒ๋‚˜๋ฉด ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜์ง€? MDN / ECMA ๋ฌธ์„œ ๋ณด๊ธฐ!

  • ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ์œผ๋กœ ์ง์ ‘ ๊ณ ์ƒํ•œ ์ฐ ํ’€์–ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

  • ์ œ๊ฐ€ ์ง์ ‘ ๊ฒฝํ—˜ํ•œ ์œ„๋Œ€ํ•œ ๋น„์ „๊ณต์ž๋“ค (ํ˜ผ์ž ๊ฐœ๋ฐœํ•ด์„œ ์ˆ˜ ์–ต ์›์„ ๋ฒŒ์—ˆ๋‹ค๊ณ ์š”?!)

  • ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ต์ง€ ์•Š๋„ค? ๋‚ด๊ฐ€ ๊ฐœ๋ฐœํ•œ ์›น ํŽ˜์ด์ง€๋กœ ๋ˆ์„ ๋ฒ„๋Š” ๋ฐฉ๋ฒ•!


์›น ๊ฐœ๋ฐœ์„ ์ฒ˜์Œ ๊ฒฝํ—˜ํ•˜์‹œ๋‚˜์š”? ์•„๋งˆ ์ด ๊ฐ•์˜๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ์ธ์ƒ์„ ๋ฐ”๊ฟ€ ์ˆ˜๋„ ์žˆ์–ด์š”!

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

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

  • ์›น ํŽ˜์ด์ง€ ๊ฐœ๋ฐœ์„ ๋ฐฐ์›Œ๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • Javascript๋Š” ๋“ค์–ด๋ดค๋Š”๋ฐ, ์–ด๋–ป๊ฒŒ ํ™œ์šฉํ• ์ง€ ๋ชจ๋ฅด๋Š” ๋ถ„

  • ์ง€๊ธ‹์ง€๊ธ‹ํ•œ ์–ธ์–ด ํŠœํ† ๋ฆฌ์–ผ์ด ์•„๋‹Œ "์ œํ’ˆ ๊ฐœ๋ฐœ"์„ ํ•ด๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ๋น ๋ฅธ ํ”„๋กœํ† ํƒ€์ž…ํ•‘ & ๋‚˜๋งŒ์˜ ์‚ฌ์—… ์‹œ์ž‘์„ ์›ํ•˜๋Š” ๋ถ„

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

  • ์ดˆ๋ณด ์ˆ˜์ค€์˜ HTML, Javascript๊ฐ€ ๋„์›€์€ ๋ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š”
์ฃผ๋ง์ฝ”๋”ฉ์ž…๋‹ˆ๋‹ค.

2,967

๋ช…

์ˆ˜๊ฐ•์ƒ

250

๊ฐœ

์ˆ˜๊ฐ•ํ‰

825

๊ฐœ

๋‹ต๋ณ€

4.7

์ 

๊ฐ•์˜ ํ‰์ 

2

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š”. @weekendcode ๋ผ๋Š” ์œ ํŠœ๋ธŒ ์ฑ„๋„์„ ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋น„์ „๊ณต์ž, ์ฝ”๋”ฉ์— ๊ด€์‹ฌ ์žˆ๋Š” ํ•™์ƒ๋“ค์„ ์œ„ํ•ด ์ตœ๋Œ€ํ•œ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•˜๊ณ ์ž ๋…ธ๋ ฅํ•˜๋Š” ๊ฐ•์‚ฌ์ž…๋‹ˆ๋‹ค.

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

์ „์ฒด

63๊ฐœ โˆ™ (10์‹œ๊ฐ„ 4๋ถ„)

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

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

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!