»ó¼¼Á¤º¸
Ã¥¼Ò°³
ÇÁ·±Æ®¿£µå, ¹é¿£µå¿¡ ¸ðµÎ ¾²´Â ÀÚ¹Ù½ºÅ©¸³Æ® ½Ç¹« ¹®¹ý
À¥ µµ¼ 1À§ ÀúÀÚ¿Í ÇÔ²² ÇÑ ±ÇÀ¸·Î ³¡³»ÀÚ!
À¥ °³¹ß ÀÔ¹®ÀÚºÎÅÍ ½Ç¹«¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÒ Çö¾÷ °³¹ßÀÚ±îÁö ²À ¾Ë¾Æ¾ß ÇÒ ÀÚ¹Ù½ºÅ©¸³Æ® Çʼö ±âÃÊ ¹®¹ýÀ» À¥ ºÐ¾ß º£½ºÆ®¼¿·¯ ÀúÀÚÀÎ °í°æÈñ ¼±»ýÀÌ ¸ðµÎ ¸ð¾Æ¼ ÇÑ ±Ç¿¡ ´ã¾Ò´Ù. ¹®¹ýÀÇ ±âº» »ç¿ë ¹æ¹ý»Ó ¾Æ´Ï¶ó °£´ÜÇÑ °è»ê±â ÇÁ·Î±×·¥ºÎÅÍ Æû ¿ä¼Ò¸¦ Àû¿ëÇÑ È¸¿ø °¡ÀÔ ÇÁ·Î±×·¥±îÁö 11°¡Áö ÇÁ·Î±×·¥À» Á÷Á¢ ¸¸µé¾î º»´Ù. À̸¦ ÅëÇØ ½Ç¹«¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¾î¶»°Ô È°¿ëÇÏ´ÂÁö ÀÚ¿¬½º·´°Ô ÀÍÈú ¼ö ÀÖÀ» °ÍÀÌ´Ù. °øºÎ¸¦ ¸¶Ä£ ÈÄ¿¡´Â [Çʼö °³³ä & ¹®¹ý ÄûÁî]¿Í [µµÀü! ÀÀ¿ë ¹®Á¦]·Î ¹è¿î ³»¿ëÀ» Á¡°ËÇÏ°í ÀÀ¿ëÇØ º¼ ¼ö ÀÖÀ¸¸ç, ´õ ¸¹Àº ÇÁ·Î±×·¥À» ¸¸µé¸ç °øºÎÇÒ ¼ö ÀÖµµ·Ï 6°¡Áö ½ÇÀü ÇÁ·ÎÁ§Æ®°¡ ´ã±ä PDF ÀüÀÚÃ¥±îÁö Ưº° ºÎ·ÏÀ¸·Î Á¦°øÇÑ´Ù.
¡Ø ÀÌ Ã¥Àº 2019³â¿¡ Ãâ°£µÈ ¡¶Do it! À¥ ÇÁ·Î±×·¡¹ÖÀ» À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ±âº» Æí¡·¿¡ ES6 ÀÌ»óÀÇ ¹®¹ý°ú ÃֽŠ°æÇâ µî µ¶ÀÚÀÇ ¿äûÀ» ¹Ý¿µÇÑ °³Á¤ÆÇÀÔ´Ï´Ù.
ÀúÀÚ¼Ò°³
2010³â ¡¶Do it! HTML5 + CSS3¡· Ãâ°£ ÀÌÈÄ HTML5¿Í À¥ °ü·Ã °ÀǸ¦ ²ÙÁØÈ÷ ÇØ¿Ô´Ù. À¥ ÃÊâ±âºÎÅÍ ASP¿Í JAVA µî Àü¹® µµ¼¸¦ ¹ø¿ªÇÏ¸é¼ À¥ ±â¼ú¿¡ °ü½ÉÀ» °¡Áö±â ½ÃÀÛÇß°í, ÀÌÈÄ HTML°ú DHTML(Dynamic HTML), CSS, JavaScript µî À¥ °ü·Ã ±â¼úÀ» ´õ ½±°Ô ÀÍÈú ¼ö ÀÖ´Â µµ¼ 60¿© Á¾À» ÁýÇÊÇϸç ÀÚŸ °øÀÎ HTML ±ÇÀ§ÀÚ·Î ÀÚ¸®¸Å±èÇß´Ù.
È«ÀÍ´ëÇб³ ÄÄÇ»ÅÍ°øÇаú¸¦ Á¹¾÷ÇÏ°í µ¿ ´ëÇпø¿¡¼ ÀΰøÁö´ÉÀ» °øºÎÇÑ µÚ, ÇöÀç Development Technologies ºÐ¾ß¿¡¼ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® °øÀÎ ÃÖ°í ±â¼úÀÚ(Microsoft Most Valuable Professional)·Î È°µ¿ÇÏ°í ÀÖ´Ù.
¸ñÂ÷
01 ¾È³ç? ÀÚ¹Ù½ºÅ©¸³Æ®!
__01-1 À¥ ÇÁ·Î±×·¡¹ÖÀ̶õ?
__01-2 ÀÚ¹Ù½ºÅ©¸³Æ®·Î ¹«¾ùÀ» ÇÒ ¼ö ÀÖÀ»±î?
__01-3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Æ¯Â¡Àº ¹«¾ùÀϱî?
02 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í Ä£ÇØÁö±â
__02-1 °³¹ß ȯ°æ ÁغñÇϱâ
__02-2 ºñÁÖ¾ó ½ºÆ©µð¿À ÄÚµå¿Í ÀλçÇϱâ
____[Do it!] ÀÛ¾÷ Æú´õ¸¦ ¼³Á¤ÇÏ°í ÆÄÀÏ ¿¾î º¸±â
____[Do it!] ´Ù¸¥ ÆÄÀÏ°ú ºñ±³Çϸç ÄÚµå ÀÛ¼ºÇϱâ
____[Do it!] ¶óÀÌºê ¼¹ö È®Àå ±â´É »ç¿ëÇϱâ
__02-3 ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º ÀÛ¼ºÇÏ°í ½ÇÇàÇϱâ
____[Do it!] HTML ¹®¼ ¾È¿¡ ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º ÀÛ¼ºÇϱâ
____[Do it!] ¿ÜºÎ ½ºÅ©¸³Æ® ÆÄÀÏ ¿¬°áÇϱâ
__02-4 ³ªÀÇ Ã¹ ¹ø° ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¥
____[Do it!] ÀλçÇÏ´Â ºê¶ó¿ìÀú ¸¸µé±â
__02-5 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀԷ°ú Ãâ·Â
____[Do it!] Å©·Ò ºê¶ó¿ìÀú ÄַܼΠ¿À·ù ã¾Æ³»±â
__02-6 ÀÚ¹Ù½ºÅ©¸³Æ® ¼Ò½º¸¦ ÀÛ¼ºÇÒ ¶§ ÁöÄÑ¾ß ÇÒ ±ÔÄ¢
03 º¯¼ö¿Í ÀÚ·áÇü ±×¸®°í ¿¬»êÀÚ
__03-1 º¯¼ö¶õ ¹«¾ùÀϱî?
____[Do it!] ³ªÀÌ °è»ê ÇÁ·Î±×·¥ ¸¸µé±â
__03-2 ÀÚ·áÇü ÀÌÇØÇϱâ
__03-3 ¿¬»êÀÚ ÀÌÇØÇϱâ
____[Do it!] ÇÒÀÎ °¡°Ý °è»ê ÇÁ·Î±×·¥ ¸¸µé±â
__03-4 ¿¬»êÀÚ ±í°Ô ¾Ë¾Æº¸±â
04 È帧À» Á¦¾îÇÑ´Ù! Á¦¾î¹®
__04-1 Á¶°Ç¿¡ µû¶ó È帧 Á¶ÀýÇϱ⠡ª if¹®, if¡¦else¹®°ú Á¶°Ç ¿¬»êÀÚ
____[Do it!] 3ÀÇ ¹è¼ö °Ë»ç±â ¸¸µé±â
__04-2 Á¶°ÇÀÌ ¸¹À» ¶§ È帧 Á¶ÀýÇϱ⠡ª switch¹®
____[Do it!] switch¹®À¸·Î ¿©·¯ Á¶°Ç °ª È®ÀÎÇϱâ
__04-3 ¸í·É ¹Ýº¹ ½ÇÇàÇϱ⠡ª for¹®
____[Do it!] for¹® ÀÛµ¿ °úÁ¤ ÀÌÇØÇϱâ
__04-4 for¹® ¹Ýº¹Çϱ⠡ª Áßø for¹®
____[Do it!] º° Âï±â ½Ç½ÀÀ¸·Î Áßø for¹® ¾Ë¾Æº¸±â
____[Do it!] ±¸±¸´Ü ÇÁ·Î±×·¥ ¸¸µé±â
__04-5 ƯÁ¤ Á¶°Ç¿¡ µû¶ó ¹Ýº¹Çϱ⠡ª while¹®, do¡¦while¹®
____[Do it!] ÆÑÅ丮¾ó °è»ê±â ¸¸µé±â
__04-6 ¹Ýº¹À» °Ç³Ê¶Ù°Å³ª ¸ØÃ߱⠡ª break¹®, continue¹®
____[Do it!] ¦¼ö ´õÇϱâ ÇÁ·Î±×·¥ ¸¸µé±â
05 ÇÔ¼ö¿Í À̺¥Æ®
__05-1 ¿©·¯ µ¿ÀÛÀ» ¹Àº µ¢¾î¸®, ÇÔ¼ö
____[Do it!] ¹öÆ°À¸·Î ÇÔ¼ö¸¦ ½ÇÇàÇÏ´Â ÇÁ·Î±×·¥ ¸¸µé±â
__05-2 let°ú constant·Î º¯¼ö ¼±¾ðÇϱâ
__05-3 ¿©·¯ ¹ø »ç¿ëÇÒ ¼ö ÀÖ´Â ÇÔ¼ö ¸¸µé±â
__05-4 ÇÔ¼ö Ç¥Çö½Ä
__05-5 À̺¥Æ® ´Ù·ç±â
____[Do it!]