¸ÞÀθ޴º ¹Ù·Î°¡±â º»¹® ¹Ù·Î°¡±â
Ȩ ¼ö°­½Åû ±³À°°úÁ¤Àüüº¸±â

Á÷¹«

[IT¨ÑÄÚĪ] Do it! HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®

  • ÇнÀ±â°£
    2026-05-06~2026-06-05  4ÁÖ(18½Ã°£)
  • ¼ö°­½Åû±â°£
    2026-04-22~2026-05-04 ¿ÀÈÄ 5:00:00
  • NCSÄÚµå
    20010202:ÀÀ¿ëSW¿£Áö´Ï¾î¸µ
  • Áö¿ø
    ¸ð¹ÙÀÏ
ÇнÀ±â°£ * ÇнÀ À¯Çüº° ÇнÀ±â°£À» ¼±ÅÃÇØ ÁÖ¼¼¿ä
  • ±¹¹Î³»ÀϹè¿òÄ«µå

  • ±¹¹Î³»ÀϹè¿òÄ«

  • ÀϹÝ

  • 2026.5.6 ~ 2026.6.5
  • 2026.5.13 ~ 2026.6.12
  • »ç¾÷ÁÖÀ§Å¹°úÁ¤

Áö¿øÀ¯Çü

±¹¹Î³»ÀϹè¿òÄ«µåÀÇ À¯¹«¿¡ °ü°è¾øÀÌ
´©±¸³ª ½Åû °¡´ÉÇÕ´Ï´Ù.

  • ¼ö·á±âÁØ : º°µµ ¼ö·á±âÁØ ¾øÀÌ ÁøÇà °¡´É
  • ±³Àç/¸ð¹ÙÀϰ­ÀÇ/¹«·á º¹½À±â°£ Á¦°ø

±¹¹Î³»ÀϹè¿òÄ«µå(±Ù·ÎÀÚ)¸¦ ¹ß±Þ¹ÞÀ¸½Å ºÐµéÀÇ °æ¿ì
ÇØ´ç°úÁ¤À¸·Î ½ÅûÇÏ¼Å¾ß ¼ö°­·áÀÇ ÀϺΠ±¹ºñÁö¿øÀÌ µË´Ï´Ù.

  • ¼ö·á±âÁØ : ÁøµµÀ² 80%, Æò°¡ 2ȸ
  • ±³Àç/¸ð¹ÙÀϰ­ÀÇ/¹«·á º¹½À±â°£ Á¦°ø

±³Àç¼Ò°³

Do it! HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØÀÇ Á¤¼®
ÃâÆÇ»ç : ÀÌÁö½ºÆÛºí¸®½Ì
ÀúÀÚ : °í°æÈñ
³»¿ë : ÃֽŠÀ¥ Ç¥ÁغÎÅÍ ¹ÝÀÀÇü À¥, ES6+±îÁö
½Ç¹«¿¡ °¡Àå °¡±î¿î À¥ ±âº»À» ÀÍÈù´Ù!

»ý¼ºÇü AI°¡ µîÀåÇϸ鼭 °³¹ßÀÚ¶ó´Â Á÷¾÷ÀÌ »ç¶óÁú °ÍÀ̶ó°í ´©±º°¡´Â ¸»ÇßÁö¸¸, ÀÌ Ã¥Àº ´Ù¸£°Ô ¸»ÇÕ´Ï´Ù. »ý¼ºÇü AI ¿ª½Ã °³¹ßÀ» ¾Æ´Â ¸¸Å­ Æí¸®ÇÏ°Ô »ç¿ëÇÒ ¼ö ÀÖ´Â µµ±¸ÀÏ »ÓÀ̶ó°í¿ä. ±×¸®°í À¥ °³¹ßÀ» ¹Ù´Ú¿¡¼­ ¶°¹ÞÄ¡´Â ÇÙ½É ±â¼úÀÌ HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¶ó´Â °Ç º¯ÇÏÁö ¾Ê½À´Ï´Ù.
ÀÌ Ã¥Àº À¥¿¡ ÀÔ¹®ÇÑ µ¶ÀÚ°¡ ±âº»À» ¿Ïº®ÇÏ°Ô ´ÙÁú ¼ö ÀÖµµ·Ï HTMLÀÇ Å±װ¡ ¹«¾ùÀÎÁöºÎÅÍ Ä£ÀýÇÏ°Ô ¾Ë·Á ÁÝ´Ï´Ù. ¶ÇÇÑ ÀÌ Ã¥À» ´Ù °øºÎÇÏ¸é ¹Ù·Î ½Ç¹«¿¡ Ȱ¿ëÇÒ ¼ö ÀÖµµ·Ï ¹ÝÀÀÇü À¥, ES6+ µî Ãֽбâ¼ú°ú Æ®·»µå±îÁö ÆÄ¾ÇÇÒ ¼ö ÀÖ½À´Ï´Ù.

½Ç½À¡æº¹½À¡æÆò°¡±îÁö ÇÑ ¹ø¿¡!
ü°èÀûÀÎ ÇнÀ ¼³°è·Î °øºÎ È¿°ú°¡ 3¹è!

ÀÌ Ã¥Àº ÇÑ ¹ø¸¸ Àо ¼¼ ¹ø ÀÐÀº °Í °°Àº È¿°ú¸¦ ¾òÀ» ¼ö ÀÖµµ·Ï ±¸¼ºÇß½À´Ï´Ù. ÀåÀÌ ½ÃÀÛÇÒ ¶§¸¶´Ù ¡®ÀÌ ÀåÀ» ´Ù °øºÎÇϸé!¡¯ Äڳʿ¡¼­ ÇнÀ ¸ñÇ¥¸¦ ¹Ì¸® ÆÄ¾ÇÇÑ µÚ ´Ù¾çÇÑ ¿¹Á¦¸¦ Á÷Á¢ ÄÚµùÇÏ¸ç ½Ç½ÀÀ» ÁøÇàÇÕ´Ï´Ù. Àå Çϳª¸¦ ´Ù °øºÎÇÏ¸é ¡®È®ÀΡ¯ ÄÚ³ÊÀÇ Áú¹®¿¡ ´äÇÏ¸ç ±× Àå¿¡¼­ ¹«¾ùÀ» ¹è¿ü´ÂÁö µ¹¾Æº¾´Ï´Ù. ¸¶Áö¸·À¸·Î ¡®µÇ»õ±è ¹®Á¦¡¯·Î ¹è¿î ³»¿ëÀ» ¾ó¸¶³ª ÀÌÇØÇß´ÂÁö ½º½º·Î Æò°¡ÇÕ´Ï´Ù. ÀÌ·¸°Ô ü°èÀûÀÎ ±¸¼º¿¡ µû¶ó °øºÎÇÏ´Ù º¸¸é 1¹ø Àоú´Âµ¥ ¸¶Ä¡ 3¹øÀ» ÀÐÀº °Í°ú °°Àº ÇнÀ È¿°ú¸¦ ±â´ëÇÒ ¼ö ÀÖ½À´Ï´Ù.

500¿© °³ÀÇ ´Ù¾çÇÑ ¿¹Á¦¸¦ Ç®¸ç
±âº»ºÎÅÍ È°¿ë±îÁö È®½ÇÇÏ°Ô ÀÍÈù´Ù!

HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âÃʸ¦ ÃæºÐÈ÷ ¹è¿ü´Ù¸é ±× ³»¿ëÀ» Ȱ¿ëÇØ Á÷Á¢ ÄÚµùÇÏ´Â °ÍÀÌ Áß¿äÇÕ´Ï´Ù. ±×·¡¼­ ¼Ò½º ÄÚµåÀÇ ºóÄ­À» ¼ÕÀ¸·Î Á÷Á¢ ä¿ì´Â ¼ÕÄÚµùºÎÅÍ ÇÁ·Î±×·¥À» ´Ü°èº°·Î µû¶ó ÇÏ¸ç ¸¸µé¾î º¸´Â ¡®Do it! ½Ç½À¡¯±îÁö ´Ù¾çÇÑ ¹æ½ÄÀÇ ¿¹Á¦ 500¿© °³¸¦ ¼ö·ÏÇß½À´Ï´Ù. ¿¹Á¦¸¦ Ç® ¶§´Â ¹è¿î Äڵ带 Ȱ¿ëÇÏ´Â µ¥ ÁýÁßÇÒ ¼ö ÀÖµµ·Ï ¸ðµç ÆÄÀÏÀ» ¹Ì¸® Á¦°øÇÕ´Ï´Ù. °á°ú ÆÄÀϵµ ÇÔ²² Á¦°øÇÏ´Ï ÀÚ½ÅÀÌ Á÷Á¢ ÀÛ¼ºÇÑ ÄÚµåÀÇ °á°ú¿Í ºñ±³ÇÏ¸ç °øºÎÇÒ ¼ö ÀÖ½À´Ï´Ù.

ÇнÀ°³¿ä

ÀÚµ¿È­ ½Ã´ë¿¡µµ »ç¶óÁöÁö ¾Ê´Â ÇÙ½É ±âÃÊ ¾ð¾î ‘HTML+CSS+ÀÚ¹Ù½ºÅ©¸³Æ®’¸¦ ÇÑ ¹ø¿¡!

ÇнÀ¸ñÇ¥

1. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº» ±¸Á¶¿Í ȯ°æÀ» ¼³¸íÇÒ ¼ö ÀÖ´Ù.
2. ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ ÀÌÇØÇϰí Á÷Á¢ ¸¸µé ¼ö ÀÖ´Ù. 
3. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ® ¼¼ ¾ð¾î¸¦ ÅëÇÕÇÏ¿© ½Ç¹«¿¡ Ȱ¿ë °¡´ÉÇÑ À¥ ÄÜÅÙÃ÷¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Ù.

ÇнÀ´ë»ó

1. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ® À¥ Ç¥ÁØ¿¡ °ü½ÉÀÌ ÀÖ´Â ¸ðµç Á÷ÀåÀΠ
2. À¥ »çÀÌÆ® °³¹ß¿¡ °ü½ÉÀÌ ÀÖ´Â ¸ðµç Á÷ÀåÀΠ
3. ÃֽŠÀ¥ Ç¥ÁØ ±â¼úÀ» ¾Ë°í ½ÍÀº À¥ °³¹ßÀÚ 
4. À¥ ÇÁ·ÐÆ®¿£µå ÁÖ´Ï¾î °³¹ßÀÚ

Æò°¡±âÁØ

Æò°¡±âÁØ
Áøµµ ÁøÇà´Ü°èÆò°¡ ÃÖÁ¾Æò°¡ °úÁ¦ Åä·Ð ÃÑÁ¡
¹èÁ¡ - - 60% 40% - -
¼ö·á±âÁØ 80%ÀÌ»ó Çʼö - Çʼö Çʼö - 60Á¡ÀÌ»ó
  • ¡¤ ¼ö·á ±âÁØ: ÁøµµÀ² 80% ÀÌ»ó ÃæÁ· / Æò°¡º° ÇÕ»êÁ¡¼ö ÃÑÁ¡ 60Á¡ ÀÌ»ó
  • ¡Ø Æò°¡ Ç׸ñÀ̳ª ¹Ý¿µ ºñÀ²Àº °úÁ¤¸¶´Ù »óÀÌÇÒ ¼ö ÀÖÀ¸´Ï ½ÅûÇϽаúÁ¤ÀÇ ¡®Æò°¡±âÁØ¡¯À» ²À È®ÀÎÇØÁÖ¼¼¿ä!

ÇнÀ³»¿ë

1. À¥ °³¹ß ù °ÉÀ½, ³×Æ®¿öÅ© ÀÌÇØºÎÅÍ È¯°æ ¼³Á¤±îÁö
2. HTML ±âº» ¹®¼­ ¸¸µé±â
3. HTML·Î ´Ù¾çÇÑ ³»¿ë ÀÔ·ÂÇϱâ
4. Æû°ú ÀÔ·Â ÇÊµå ¸¸µé±â
5. CSS ±âÃÊ¿Í ¼±ÅÃÀÚ ÀÌÇØÇϱâ
6. CSS·Î ÆùÆ®¿Í ÅØ½ºÆ® ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
7. ·¹À̾ƿôÀ» ±¸¼ºÇÏ´Â CSS ¹Ú½º ¸ðµ¨
8. À̹ÌÁö¿Í ±×¶óµ¥ÀÌ¼Ç È¿°ú·Î ¹è°æ ²Ù¹Ì±â
9. ¹ÝÀÀÇü À¥°ú ¹Ìµð¾î Äõ¸®
10. Ç÷º½º ¹Ú½º ·¹À̾ƿô
11. CSS ±×¸®µå ·¹À̾ƿô 
12. CSS °í±Þ ¼±ÅÃÀÚ 
13. Æ®·£Áö¼Ç°ú ¾Ö´Ï¸ÞÀ̼Ǡ
14. ÀÚ¹Ù½ºÅ©¸³Æ®¿Í ù ¸¸³² 
15. ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» ¹®¹ý 
16. ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö¿Í À̺¥Æ® 
17. ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼ ÀÌÇØ¿Í Ȱ¿ë 
18. ¹®¼­ °´Ã¼ ¸ðµ¨(DOM)

¼ö°­Èıâ

<< 1 2 3 4 5 6 7 8 9 10 >>

ž¹öư


ºü¸¥ »ó´ã ½Åûºü¸¥ »ó´ã ½Åû
³»ÀϹè¿òÄ«µå
»ó´ã ½Åû