»ó¼¼Á¤º¸
Do it! Ä¿¼·Î ½ÃÀÛÇÏ´Â AI ÄÚµù ÀÔ¹® : À¥ ¾Û Á¦ÀÛ, µ¥ÀÌÅͺ£À̽º ¿¬µ¿, ÇÁ·ÒÇÁÆ® ÀÛ¼º¹ý, MCP ¿¬°á, ¹ÙÀ̺ê ÄÚµù, ¼ºñ½º ¹èÆ÷, ±êÇãºê Ȱ¿ë
- ÀúÀÚ
- °í°æÈñ
- ÃâÆÇ»ç
- ÀÌÁö½ºÆÛºí¸®½Ì
- ÃâÆÇÀÏ
- 2025-10-17
- µî·ÏÀÏ
- 2026-08-26
- ÆÄÀÏÆ÷¸Ë
- PDF
- ÆÄÀÏÅ©±â
- 45MB
- °ø±Þ»ç
- ±³º¸¹®°í
- Áö¿ø±â±â
-
PC
ÇÁ·Î±×·¥ ¼öµ¿¼³Ä¡
ºä¾îÇÁ·Î±×·¥ ¼³Ä¡ ¾È³»
Ã¥¼Ò°³
"AI°¡ Äڵ带 »ý¼ºÇÏ´Â ½Ã´ë, ÀÌÁ¦ º¹ÀâÇÑ ¹®¹ýÀ» ¿Ü¿ìÁö ¾Ê¾Æµµ À¥ °³¹ßÀ» ½ÃÀÛÇÒ ¼ö ÀÖ´Ù. ¡¶Do it! Ä¿¼·Î ½ÃÀÛÇÏ´Â AI ÄÚµù ÀÔ¹®¡·Àº AI ÄÚµù ¼ºñ½ºÀÎ Ä¿¼(Cursor)¸¦ Ȱ¿ëÇØ ÇÁ·ÐÆ®¿£µå¿Í ¹é¿£µå¸¦ ¾Æ¿ì¸£´Â À¥ °³¹ßÀÇ Àü °úÁ¤À» ´Ü°èº° ½Ç½ÀÀ¸·Î ¾È³»ÇÑ´Ù.
HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ »ç¿ëÇÏ´Â ±âÃÊ °³³äºÎÅÍ ½ÃÀÛÇØ µ¥ÀÌÅͺ£À̽º, API, ¹èÆ÷±îÁö À¥ °³¹ß¿¡ ²À ÇÊ¿äÇÑ ¿ä¼Ò¸¦ ÀÔ¹®ÀÚµµ ÀÌÇØÇÒ ¼ö ÀÖ°Ô Ç®¾î³Â°í, Ä¿¼¸¦ »ç¿ëÇØ Æ÷Æ®Æú¸®¿À À¥»çÀÌÆ®¿Í Ä¿ÇÇ ÁÖ¹® Ç®½ºÅà ¾ÛÀ» Á÷Á¢ ¸¸µé¸ç °³¹ßÀÇ È帧À» ü°¨ÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºÇß´Ù. ´Ü¼øÈ÷ Äڵ带 »ý¼ºÇÏ´Â µ¥ ±×Ä¡Áö ¾Ê°í, AI¿Í Çù¾÷ÇÏ¿© ÄÚµùÇÏ´Â °¨°¢À» ±â¸£°í ±âÃÊ °³¹ß Áö½Äµµ ÇÔ²² Ű¿ï ¼ö ÀÖ´Ù.
À¥ ºÐ¾ß 1À§ ÀúÀÚÀÎ °í°æÈñ ¼±»ý´ÔÀÇ Ç³ºÎÇÑ ¼³¸í°ú `Do it! ½Ç½À`À¸·Î ´©±¸³ª µû¶ó Çϱ⠽±°Ô ±¸¼ºÇؼ À¥ °³¹ßÀ» óÀ½ ½ÃÀÛÇÏ´Â ÀÔ¹®ÀÚ´Â ¹°·Ð, ÇÁ·±Æ®¿£µå³ª ¹é¿£µå Áß ÇÑÂÊ ±â¼ú¸¸ ´Ù·ï ¿Ô´ø °³¹ßÀÚµµ AI ½Ã´ëÀÇ Ç®½ºÅà °³¹ßÀÚ·Î ¼ºÀåÇÒ ¼ö ÀÖ´Â µçµçÇÑ Ã¹°ÉÀ½ÀÌ µÇ¾î ÁÙ °ÍÀÌ´Ù."
ÀúÀÚ¼Ò°³
"È«ÀÍ´ëÇб³ ÄÄÇ»ÅͰøÇаú¸¦ Á¹¾÷ÇÏ°í µ¿ ´ëÇпø¿¡¼ ÀΰøÁö´ÉÀ» °øºÎÇß´Ù. ÀÎÅͳÝÀÌ ¸· ´ëÁßȵǴø 1990³â´ë ÈĹݺÎÅÍ À¥ ±â¼úÀ» ½±°Ô ¹è¿ì°í °¡¸£Ä¡´Â ÀÏ¿¡ °ü½ÉÀ» °®°í, Áö±Ý±îÁö 70¿© ±ÇÀÌ ³Ñ´Â Ã¥À» ÁýÇÊÇß´Ù. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®, ±ê¡¤±êÇãºê µî À¥ÀÇ ±âº»±â¸¦ ´©±¸³ª ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï Ç®¾î³»¸ç ¸¹Àº µ¶ÀÚµéÀÌ À¥ °³¹ßÀÇ Ã¹°ÉÀ½À» ¶¼´Â µ¥ µµ¿òÀ» ÁÖ¾ú°í, ƯÈ÷ ¡¶Do it! HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®¡·Àº ¼ö¸¹Àº ÀÔ¹®ÀÚµéÀÌ À¥ °³¹ßÀ» ½ÃÀÛÇÒ ¶§ °¡Àå ¸ÕÀú ã´Â Ã¥À¸·Î ÀÚ¸® Àâ¾Ò´Ù. `±âº»±â¸¦ ³õÄ¡Áö ¾Ê´Â ÇнÀÀÌ °¡Àå Áß¿äÇÏ´Ù`´Â ½Å³äÀ¸·Î µ¶ÀÚµéÀÌ ´Ü´ÜÇÑ ±âÃÊ À§¿¡ ½Ç·ÂÀ» ½×À» ¼ö ÀÖµµ·Ï µ½°í ÀÖ´Ù. »ý¼ºÇü AI°¡ ÄÚµùÀÇ ÆÇµµ¸¦ ¹Ù²Ù°í ÀÖ´Â Áö±Ýµµ °³¹ßÀÚÀÇ ±âº» ¼Ò¾çÀ» ±â¸£´Â ÀÏ¿¡ º¯ÇÔ¾øÀÌ ÃÖ¼±À» ´ÙÇϰí ÀÖ´Ù.
´ëÇ¥ Àú¼
?¡¶Do it! 5ÀÏ ¸¸¿¡ ³¡³»´Â ±ê & ±êÇãºê ÀÔ¹®¡·(ÀÌÁö½ºÆÛºí¸®½Ì, 2024)
?¡¶Do it! HTML + CSS + ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®¡·(ÀÌÁö½ºÆÛºí¸®½Ì, 2024)
?¡¶Do it! Node. js ÇÁ·Î±×·¡¹Ö ÀÔ¹®¡·(ÀÌÁö½ºÆÛºí¸®½Ì, 2023)
?¡¶Do it! ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀÇ Á¤¼®¡·(ÀÌÁö½ºÆÛºí¸®½Ì, 2022)
?¡¶Do it! ÀÚ¹Ù½ºÅ©¸³Æ® ÀÔ¹®¡·(ÀÌÁö½ºÆÛºí¸®½Ì, 2021)
?¡¶Do it! HTML5+CSS3 À¥ Ç¥ÁØÀÇ Á¤¼®¡·(ÀÌÁö½ºÆÛºí¸®½Ì, 2019)"
¸ñÂ÷
"ù°¸¶´ç AI ÄÚµù ½ÃÀÛÇϱâ
1Àå »ý¼ºÇü AI¸¦ ÀÌÇØÇϴ ù°ÉÀ½
_1-1 ÀÏ»óÀ» ¹Ù²Û »ý¼ºÇü AIÀÇ µîÀå
__AI´Â ¾î¶»°Ô ¹ßÀüÇØ ¿ÔÀ»±î?
__»ý¼ºÇü AIÀÇ µîÀå
__AI ÄÚµù¿¡ Ȱ¿ëÇÏ´Â »ý¼ºÇü AI ¼ºñ½º
_1-2 »ý¼ºÇü AI´Â ´äÀ» ¾î¶»°Ô ¸¸µé¾î ³¾±î?
__AI°¡ ¶È¶ÈÇÏ°Ô ´ë´äÇÏ´Â ÀÌÀ¯ ? ÇÁ·ÒÇÁÆ®¿Í LLM
__¸Æ¶ôÀ» ÀÌÇØÇÏ´Â ±â¼ú ? Æ®·£½ºÆ÷¸Ó
__AI°¡ ±â¾ïÇÏ´Â ¹®¸ÆÀÇ ¿ë·® ? ÅäÅ«°ú ÄÁÅØ½ºÆ® À©µµ¿ì
__AI ¸ðµ¨, ¿£Áø, ¿¡ÀÌÀüÆ® ±¸ºÐÇϱâ
__LLMÀ» Ȱ¿ëÇÏ´Â ¹æ¹ý
_1-3 ´õ ³ªÀº ´äÀ» ¸¸µå´Â ÇÁ·ÒÇÁÆ® ¿£Áö´Ï¾î¸µ
__ÇÁ·ÒÇÁÆ® ¿£Áö´Ï¾î¸µÀº ¿Ö ÇÊ¿äÇÒ±î?
__¿¹Á¦ ±â¹Ý ÇÁ·ÒÇÁÆ® ±â¹ý ? n-¼¦ ÇÁ·ÒÇÁÆ®
__¿øÇÏ´Â ´äÀ» À̲ø¾î ³»´Â ÇÁ·ÒÇÁÆ® ¼³°è ±â¹ý
2Àå AI ÄÚµùÀÇ ÀÌÇØ
_2-1 AI ÄÚµùÀ̶õ ¹«¾ùÀϱî?
__ÀΰøÁö´É°ú ÇÔ²² °³¹ßÇϱâ ? AI ÄÚµù
__ÄÚµùÀÇ ÁøÈ ? ±â°è Á߽ɿ¡¼ »ç¶÷ Áß½ÉÀ¸·Î
__AI ÄÚµùÀ¸·Î ¹«¾ùÀ» ¸¸µé ¼ö ÀÖÀ»±î?
__AI ÄÚµù ¼ºñ½ºÀÇ ÁÖ¿ä ±â´É
__¹ÙÀ̺ê ÄÚµùÀ̶õ?
_2-2 ¹Ì·¡ÀÇ AI ÄÚµù°ú °³¹ßÀÚ
__AI ÄÚµùÀÌ °¡Á®¿Ã ÁÖ¿ä º¯È
__AI ÄÚµù ½Ã´ëÀÇ °³¹ßÀÚ ¿ª·®
__AI ½Ã´ë¿¡ °³¹ßÀÚ·Î ¼ºÀåÇϱâ
__AI ÄÚµù ½Ã´ëÀÇ À±¸®¿Í Ã¥ÀÓ
_2-3 ¾î¶² AI ÄÚµù ¼ºñ½º¸¦ ¼±ÅÃÇØ¾ß ÇÒ±î?
__´ëÈÇü AI ¼ºñ½º
__À¥ ±â¹Ý ¾Û ºô´õ
__Ç÷¯±×ÀÎÇü ¼ºñ½º
__ÅëÇÕ °³¹ß ȯ°æ(IDE)Çü ¼ºñ½º
__Å͹̳Π±â¹Ý AI ¿¡ÀÌÀüÆ®
_2-4 AI ÄÚµù¿¡¼ À¯¿ëÇÑ ÇÁ·ÒÇÁÆ®
__»õ·Î¿î °³³äÀ» °øºÎÇÒ ¶§
__Äڵ带 ÀÛ¼ºÇÒ ¶§
__Äڵ带 ¼öÁ¤ÇÒ ¶§
__¹®Á¦¸¦ ÇØ°áÇÒ ¶§
µÑ°¸¶´ç Ä¿¼·Î À¥ »çÀÌÆ® ¸¸µé±â
3Àå Ä¿¼ »ìÆìº¸±â
_3-1 Ä¿¼´Â ¾î¶² ¼ºñ½ºÀϱî?
__¶È¶ÈÇÑ °³¹ß ÆÄÆ®³Ê ? Ä¿¼
__Ä¿¼ÀÇ ÁÖ¿ä Æ¯Â¡
_3-2 Ä¿¼ ½ÃÀÛÇϱâ
__Ä¿¼ °¡ÀÔÇϱâ
__Ä¿¼ ¼³Ä¡Çϱâ
__Ä¿¼ÀÇ È¸é ±¸¼º
__AI ÆÐ³ÎÀÇ È¸é ±¸¼º
_3-3 Ä¿¼ÀÇ °³¹ß ȯ°æ ÁغñÇϱâ
__ÇÁ·ÎÁ§Æ® Æú´õ ¸¸µé±â
__Ä¿¼¿¡ ¶óÀÌºê ¼¹ö È®Àå ¼³Ä¡Çϱâ
_3-4 Ä¿¼ÀÇ AI ÄÚµù ±â´É »ç¿ëÇϱâ
__ÀζóÀÎ ÇÁ·ÒÇÁÆ® »ç¿ëÇϱâ
__AI ÆÐ³Î·Î ÇÒ ÀÏ ¸ñ·Ï ¾Û ¸¸µé±â
4Àå À¥ »çÀÌÆ® Á¦ÀÛÀ» À§ÇÑ ±âº» °³³ä ´ÙÁö±â
_4-1 À¥ ÆäÀÌÁöÀÇ ±¸Á¶¸¦ ¸¸µå´Â HTML
__HTMLÀÇ ±âº» Çü½Ä
__ű×ÀÇ ¼Ó¼º
_4-2 À¥ ÆäÀÌÁö¸¦ º¸±â ÁÁ°Ô ²Ù¹Ì´Â CSS
__CSSÀÇ ±âº» Çü½Ä
__ÀÚÁÖ »ç¿ëÇÏ´Â ¼±ÅÃÀÚ
__CSS ¼Ó¼º
__CSS Äڵ带 ÀÛ¼ºÇÏ´Â À§Ä¡
_4-3 À¥ ÆäÀÌÁö¿¡ µ¿ÀÛÀ» ºÎ¿©ÇÏ´Â ÀÚ¹Ù½ºÅ©¸³Æ®
__ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº» Çü½Ä
__ÀÚÁÖ »ç¿ëÇÏ´Â ¿ë¾î »ìÆìº¸±â
__¿ÜºÎ ½ºÅ©¸³Æ® ÆÄÀÏ
_4-4 Äڵ带 ÃßÀûÇÏ°í °ü¸®ÇÏ´Â ±ê°ú ±êÇãºê
__±ê°ú ±êÇãºê´Â ¹«¾ùÀϱî?
__±êÀÇ ÁÖ¿ä °³³ä
__±êÇãºê °èÁ¤ ¸¸µé±â
__±ê ¼³Ä¡Çϱâ
5Àå ³ª¸¸ÀÇ Æ÷Æ®Æú¸®¿À À¥ »çÀÌÆ® ¸¸µé±â
_5-1 À¥ »çÀÌÆ®ÀÇ ±âº» ±¸Á¶ ¸¸µé±â
__AI¿¡°Ô À¥ »çÀÌÆ® Á¦ÀÛÀ» ¿äûÇÏ·Á¸é
__ÇÁ·ÎÁ§Æ® Æú´õ Ãß°¡ÇÏ°í ±ê ÀúÀå¼Ò ¸¸µé±â
__±âº» ÄÚµå ÀÛ¼ºÇϱâ
__ù ¹øÂ° Ä¿¹ÔÇϱâ
_5-2 ¼¼ºÎ »çÇ× ¼öÁ¤Çϱâ
__À¥ »çÀÌÆ®ÀÇ ±¸Á¶ »ìÆìº¸±â
__ÇÁ·ÒÇÁÆ® Ãë¼ÒÇϱâ
__À̹ÌÁö º¯°æÇϱâ
_5-3 À¥ »çÀÌÆ® °ø°³Çϱâ
__³»°¡ ¸¸µç À¥ »çÀÌÆ®´Â ¾î¶»°Ô °ø°³ÇÒ ¼ö ÀÖÀ»±î?
__±êÇãºê ÆäÀÌÁö
__±êÇãºê¿¡ ÀúÀå¼Ò ¸¸µé±â
__Ä¿¼¿Í ±êÇãºê ¿¬µ¿Çϱâ
__±êÇãºê ÆäÀÌÁö·Î ¹èÆ÷Çϱâ
¼Â°¸¶´ç Ä¿¼·Î Ç®½ºÅà ¾Û ¸¸µé±â
6Àå À¥ °³¹ß ±âÃÊ ´ÙÁö±â
_6-1 À¥ÀÇ ±¸Á¶¿Í µ¿ÀÛ ÀÌÇØÇϱâ
__À¥ »çÀÌÆ®ÀÇ Á¾·ù
__À¥À» ±¸¼ºÇÏ´Â ¿ä¼Ò
__À¥ÀÇ µ¿ÀÛ °úÁ¤
_6-2 À¥¿¡¼´Â Á¤º¸¸¦ ¾î¶»°Ô ÁÖ°í¹ÞÀ»±î?
__Ŭ¶óÀÌ¾ðÆ®¿Í ¼¹ö
__¿äû°ú ÀÀ´ä
__HTTP/HTTPS ÇÁ·ÎÅäÄÝ
__HTTP ¿äû ¸Þ¼µå¿Í ¿£µåÆ÷ÀÎÆ®
__IP ÁÖ¼Ò, DNS, URL
_6-3 À¥ °³¹ßÀÇ 4´Ü°è »ìÆìº¸±â
__1´Ü°è: ¾Û ±âȹ
__2´Ü°è: ÇÁ·±Æ®¿£µå °³¹ß
__3´Ü°è: ¹é¿£µå °³¹ß
__4´Ü°è: ¾Û ¹èÆ÷
_6-4 À¥ ¾ÛÀ» °³¹ßÇÒ ¶§ »ç¿ëÇÒ ±â¼ú
__ÇÁ·±Æ®¿£µå¿¡ »ç¿ëÇÏ´Â ±â¼ú
__¹é¿£µå¿¡ »ç¿ëÇÏ´Â ±â¼ú
7Àå Ä¿ÇÇ ÁÖ¹® ¾Û °³¹ßÇϱâ
_7-1 ¾Û ±âȹÇϱâ ? PRD
__¾Û ±¸»óÇϱâ
__»ç¿ëÇÒ ±â¼ú ½ºÅà Á¤Çϱâ
__PRD ÀÛ¼ºÇϱâ ? ¾Û °³¿ä
__±ê ÀúÀå¼Ò ¸¸µé±â
_7-2 ¾Û È¸é ¸¸µé±â ? ÇÁ·±Æ®¿£µå
__±¸ÇöÇÒ ±â´É Á¤ÀÇÇϱâ
__¿ÍÀ̾îÇÁ·¹ÀÓ ±×·Á º¸±â
__ÇÁ·±Æ®¿£µå °³¹ßÀ» À§ÇÑ PRD ÀÛ¼ºÇϱâ
__ÇÁ·±Æ®¿£µå °³¹ß ȯ°æ ¸¸µé±â
__Ä¿¼¿¡¼ UI¸¦ ¸¸µé ¶§ ÁÖÀÇÇÒ Á¡
__`ÁÖ¹®Çϱâ` È¸é °³¹ßÇϱâ
__.gitignore ÆÄÀÏ
__ÇÁ·ÎÁ§Æ® Æú´õÀÇ º¯°æ »çÇ× Ä¿¹ÔÇϱâ
__`°ü¸®ÀÚ` È¸é ¸¸µé±â
__ÇÁ·±Æ®¿£µå Å×½ºÆ® ¹× °³¼±
_7-3 ÁÖ¹® ó¸®Çϱâ ? µ¥ÀÌÅͺ£À̽º¿Í API
__µ¥ÀÌÅÍ ¸ðµ¨ ¼³°èÇϱâ
__ÇÁ·ÒÇÁÆ®·Î API¸¦ ¸¸µé ¶§ ÁÖÀÇÇÒ Á¡
__ÁÖ¹® 󸮸¦ À§ÇÑ PRD ÀÛ¼º ¹× °³¹ß ȯ°æ ¸¸µé±â
__µ¥ÀÌÅͺ£À̽º ¼³Ä¡Çϱâ
__µ¥ÀÌÅͺ£À̽º ¿¬°áÇϱâ
__ÇÁ·±Æ®¿£µå¿Í ¹é¿£µå ¿¬µ¿Çϱâ
__¸Þ´º À̹ÌÁö ÁöÁ¤Çϱâ
_7-4 ¾Û ¹èÆ÷Çϱâ
__¹èÆ÷ Ç÷§Æû ¼±ÅÃÇϱâ
__Render ½ÃÀÛÇϱâ
__±êÇãºê¿¡ ¾÷·ÎµåÇϱâ
__PostgreSQL µ¥ÀÌÅͺ£À̽º ¸¸µé°í ¿¬°áÇϱâ
__¹é¿£µå ¼ºñ½º ¹èÆ÷Çϱâ
__ÇÁ·±Æ®¿£µå ¹èÆ÷ ÁغñÇϱâ
__ÇÁ·±Æ®¿£µå ¹èÆ÷Çϱâ
ºÎ·Ï A MCP ¼¹ö Ȱ¿ëÇϱâ
_A-1 AI¿Í ¿ÜºÎ ¼ºñ½º¸¦ ¿¬°áÇÏ´Â MCP
_A-2 Ä¿¼¿¡¼ ³ë¼Ç MCP Ȱ¿ëÇϱâ
ã¾Æº¸±â"