¾î¸°½ÃÀý ȨÆäÀÌÁö¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¹è¿üÀ» ¶§, ÄÚµùÀ̶õ ´Ü¾îº¸´Ù HTML°ú ÀÌ·±Àú·± ¼ö½ÄÀ¸·Î ±ÛÀÚ¿¡ »öÀ» ÀÔÈ÷°í °£´ÜÇÑ µðÀÚÀÎÀ»
ÇÒ ¼ö ÀÖ¾ú´Ù. ±×¶© ±×°ÍÀÌ ±×·¸°Ô Áß¿äÇÑÁö Àß ¸ô¶ú´Âµ¥... ¿äÁò½Ã´ë¿¡´Â ÃʵîÇлý Á¤±Ô¼ö¾÷°úÁ¤¿¡ ÄÚµùÀ̶õ °ÍÀÌ »ý°å´Ù´Â ¸»¿¡ ±ô¦! Çß´Ù.
½ÇÁ¦·Î ±³À° ³»¿ëÀ» º¸¸é, Á¤¸» ÄÚµù¿¡ °ü·Ã¼ºÀÌ ¾ó¸¶³ª ÀÖ³ª? ½Í±äÇÏÁö¸¸, Á¤¸» ¼¼»óÀÌ ¹Ù²î¾î ³ª°¡°í ÀÖÀ½À» ¾Ë ¼ö ÀÖ´Â °¡Àå ±ÙÁ¢ÇÏ°Ô ¾Ë ¼ö
ÀÖ¾ú´ø µí½Í´Ù.
±×°Íµµ ±×·¸Áö¸¸, ÃÖ±Ù °³ÀÎÀûÀ¸·Îµµ ÄÚµù¿¡ ´ëÇØ ¹è¿ì°í ½Í±âµµ
Çß´Ù. °¡Àå 1Â÷ÀûÀÎ °ÍÀº '³»'°¡ ¿î¿µÇÏ´Â ºí·Î±×¸¦ ¿î¿µÀÌÁö¸¸, ¾ÕÀ¸·Î Á÷¾÷ÀûÀÎ ¸é¿¡¼µµ ÄÚµùÀÌ ÇÊ¿äÇÑ °ÍÀ» ÁغñÇغ¼±î? ½ÍÀº ¸¶À½¿¡¼ ù¹ø°
ÄÚµù ÀÔ¹®¼ ¶ó±â¿¡ "ÇÒ ¼ö ÀÖ´Ù! ÄÚµù"À» Áý¾îµé¾ú´Ù. óÀ½¿¡´Â ÄÚµùÀ» ¿Ö ¹è¿ö¾ßÇÏ´ÂÁö¿¡ ´ëÇØ ÄÚµùÀÇ È°¿ëµµ°¡ ¾î¶²Áö ¾Ë ¼ö ÀÖ°í, 2ÀåºÎÅÍ
ÄÚµùÀÌ ¹«¾ùÀΰ¡? ¿¡ Á¢¾îµé¾î ½Ç½ÀÀ» ÇÒ ¼ö ÀÖµµ·Ï µÇ¾îÀִµ¥, µû·Î µ·ÀÌ ¾Èµéµµ·Ï ¹«·á·Î ½Ç½ÀÇÒ ¼ö ÀÖ´Â »çÀÌÆ®¿Í ÇÁ·Î±×·¥À» Á¦°øÇØÁÖ¸ç ½±°Ô
µû¶óÇÒ ¼ö ÀÖµµ·Ï ¼³¸íÀÌ µÇ¾îÀÖ´Ù´Â Á¡! ÄÚµù ù ÀÔ¹®¼·Î½á ÃæºÐÇÑ ¿ªÇÒÀ» Çß´Ù. ±×¸®°í³ª¼´Â °³ÀÎÀûÀ¸·Î´Â Á׾ Çò°¥¸®´Â HTML,
CSS, ÀÚ¹Ù½ºÅ©¸³Æ®, ÆÄÀ̽ã ÀÌ·¸°Ô 4°¡Áö°¡ ¹«¾ùÀÎÁö? ±×¸®°í ¿Ö ¹è¿ö¾ßÇÏ´ÂÁö µî ÀÌÀ¯µé°ú ´Ù¾çÇÑ ½Ç½À¹ý, ±×¸®°í ¶Ç ´õ ³ª¾Æ°¡¼ ÀÔ¹®¼¸¦
¶Ù¾î³Ñ±â À§ÇÑ ¹«·á °øºÎÀÚ·áµéÀÌ ´ã±ä »çÀÌÆ® ÁÖ¼ÒµéÀÌ ´ã°ÜÀÖ´Ù. ¸î¸î±ºµ¥ ¹«·á¶ó ÀûÀÎ ºÎºÐ µé¾î°¡º¸´Ï ¸ðµÎ '¿µ¾î'¿´´Ù. ¿µ¾î¿¡ °Ì¸Ô´Â »ç¶÷µéÀº
È°¿ëÇϱ⿣ Á» ±×·¸Áö¸¸, ¾Æ¹«·¡µµ ÄÚµùÀ̶ó´Â ÀÚü°¡ ¿µ¾î ¾ËÆĺª ±â¹Ý, ÇÁ·Î±×·¡¹Ö ¾ð¾îÀÌ´Ùº¸´Ï Á¶±ÝÀÇ ´É·ÂÀ» °®Ãß°Ô µÈ´Ù¸é ÀûÇôÀÖ´Â ¸µÅ©¿¡ ´ëÇÑ
È°¿ëµµ°¡ Ä¿º¸ÀδÙ.
Ã¥¿¡ ÀûÇôÀִ ȣ±â½ÉÀ» ÇØ°áÇÑ ºÎºÐÀ» Àá±ñ ¼Ò°³Çغ¼±îÇÑ´Ù.
(°£´ÜÇÏ°Ô¸¸)
HTMLÀ̶õ? ¸ðµç
À¥»çÀÌÆ®¸¦ ±â¼úÇÏ´Â ¾ð¾îÀÌ´Ù. (»ý·«) HTMLÀº ÄÚµù ¾ð¾î°¡ ¾Æ´Ï¶ó ¸¶Å©¾÷ ¾ð¾îÀÌ´Ù. À̸¦ ÀÌ¿ëÇؼ À¥»çÀÌÆ®ÀÇ ³»¿ë°ú ¹è¿Àº ¹Ù²Ü ¼ö ÀÖÁö¸¸
»ç¿ëÀÚ¿Í »óÈ£ÀÛ¿ëÇϴµ¥´Â ÇѰ踦 °®´Â´Ù.
CSS¶õ?
¿¬¼ÓµÇ´Â ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ ÁÙÀÓ¸»ÀÌ´Ù. CSS¾øÀÌ HTML¸¸ ¹è¿ì´Â °ÍÀº Èæ¹éÀ¸·Î ±×¸²À» ¹è¿ì´Â °Í°ú °°´Ù. (Áß·«) ÄÚµùÀÇ
°üÁ¡¿¡¼ CSSÀÇ Å¬·¡½º¿Í ID¸¦ È°¿ëÇÏ´Â °ÍÀº ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»ÀÌ µÈ´Ù.
ÇѸ¶µð·Î À¥»çÀÌÆ®ÀÇ ½ºÅ¸ÀÏ°ú ·¹À̾ƿôÀ»
À§ÇÑ °ÍÀ» ¸»ÇÑ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®¶õ? (Áß·«) 'Á¦´ë·Î µÈ' ÄÚµù ¾ð¾î´Ù. ·çÇÁ,
º¯¼ö,if¹® °°Àº ÇÁ·Î±×·¡¹Ö ÅøÀ» »ç¿ëÇÒ ¼ö ÀÖ´Ù. ½Ö¹æÇâ±â´ÉÀ» Á¦°øÇÏ´Â ¸ðµç À¥»çÀÌÆ®´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ »ç¿ëÇÑ´Ù.(Áß·«) Ŭ¶óÀ̾ðÆ® »çÀ̵å
¾ð¾î¸¦ ¸»ÇÑ´Ù.
¸¶Áö¸·À¸·Î, ÀÌ Ã¥¿¡¼ óÀ½ µé¾îº» ÆÄÀ̽ãÀÌ´Ù.
ÆÄÀ̽ãÀ̶õ? ÆÄÀ̽ãÀº °£´ÜÇÏ¸é¼ Á÷°ü¼ºÀÌ ³ôÀº ¾ð¾îÀÌ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®º¸´Ù ´õ Æí¸®ÇÏ´Ù. À¥»çÀÌÆ®¿¡¼ºÎÅÍ ·Îº¿±îÁö ¹«¾ùÀÌµç ±¸ÃàÇÒ ¼ö ÀÖ´Ù.
µî
ÀÌ·±Àú·± ³»¿ëÀ» Àо´Ï, ±âÃÊ HTML°ú CSS´Â ºí·Î±× °ü¸® µî¿¡¼
À¯¿ëÇÏ°Ô »ç¿ëµÉ °Í °°°í, ¾ÛÀ̳ª À¥»çÀÌÆ® µîÀ» ¸¸µé°Å³ª »õ·Î¿î °ÍÀ» ¸¸µé¾î³»°í ½Í´Ù¸é ÆÄÀ̽ãÀ» ¹è¿ì´Â °ÍÀÌ Áß¿äÇÒ µíÇÏ´Ù. ±×·¯±â À§Çؼ´Â
ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ±âÃÊ·Î ÇÏ¿© ÆÄÀ̽ã±îÁö °¡´Â ·çÆ®¸¦ ¼±ÅÃÇϸé ÁÁÀ» µíÇÏ´Ù.
ÀÌ
Ã¥Àº Á» ¾ã°í, ÀÔ¹®¼À̱⶧¹®¿¡ ÇÑ ±ÇÀ¸·Î ½º¸¶Æ®Æù ¾ÛÀ» âÁ¶ÇÒ ¼ö ÀÖ°í, ȨÆäÀÌÁö¸¦ ¶Òµü ¸¸µé ¼ö ÀÖ°í, ºí·Î±×ÀÇ µðÀÚÀÎÀ» ¹Ù²Ü ¼ö ÀÖ°í...
ÀÌ·¯ÇÑ ÀÚ½ÅÀÇ ¿øÇÏ´Â °ÍÀ» °ð¹Ù·Î ½ÃÇàÇÒ ¼ö Àִ åÀº ¾Æ´Ï´Ù. ÇÏÁö¸¸, ¿ÏÀüÈ÷ ÀÌ·¯ÇÑ È°µ¿ÀÇ ±â¹ÝÀÌ µÇ´Â ÄÄÇ»ÅÍÀÇ 'ÄÚµù'¿¡ ´ëÇØ 1µµ
¸ð¸£´Â ¿ÕÃʺ¸¿¡°Ô °³³äÀ» Àϱú¿ï ¼ö Àִ åÀº ¸Â´Â µíÇÏ´Ù. ±×·¯´Ï ÄÚµù¿¡ ´ëÇØ ¾Ë¾Æº¸°í ½ÍÀº »ç¶÷ ±×·¯³ª ´Ü Çѹøµµ ÄÚµùÀ̶ó´Â °³³ä¿¡
Á¢±ÙÇغ»ÀûÀÌ ¾ø´Â ±×·± »ç¶÷µé¿¡°Ô Àû±Ø ÃßõÇغ¼ ¼ö ÀÖÀ» µíÇÏ´Ù. ±× µÚ¿¡ ÄÚµù ½Ç¿ë¼¸¦ º¸¸é Á¶±ÝÀ̳ª¸¶ ¿Ö? ¹è¿ö¾ßÇÏ°í ¾îµð¿¡ ¾î¶² °ÍÀ»
È°¿ëÇؾßÇÏ´ÂÁö ÀÌÇظ¦ ÇÏ¸é¼ ¿øÇÏ´Â ÄÚµùÀ» ÇÒ ¼ö ÀÖÁö ¾ÊÀ»±î ½Í´Ù.