|
|
|
HTML CSS : À¥»çÀÌÆ® °³¹ß°ú µðÀÚÀÎ ±âÃÊ
|
|
|
¿¡ÀÌÄÜ À¥ ÇÁ·ÎÆä¼Å³Î ½Ã¸®Áî1
¤Ó Á¸ µÎÄÏ(Jon Ducket), È«¿µÇ¥
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
HTML & CSS : design and build websites
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
HTML°ú CSS¸¦ °¡Àå ½±°Ô ¹è¿ï ¼ö ÀÖ´Â ¹æ¹ýÀ» ¾È³»ÇÑ¡ºHTML & CSS¡». óÀ½ À¥»çÀÌÆ® °³¹ß°ú µðÀÚÀÎÀ» ¹è¿ì´Â Ãʺ¸ÀÚºÎÅÍ ÇöÀç »çÀÌÆ®¸¦ ¿î¿µÇÏ´Â ´ã´çÀÚ±îÁö ¸Å·ÂÀûÀÌ°í »ç¿ëÀÚ Ä£ÈÀûÀÎ À¥ ÄÜÅÙÃ÷ ÀÛ¼º ¹æ¹ý¿¡ ´ëÇØ ¹è¿ï ¼ö ÀÖ´Â ±³ÀçÀÌ´Ù. °£°áÇÑ ¿¹Á¦¿Í °á°ú ȸéÀ» ÇÑ´«¿¡ º¼ ¼ö ÀÖ´Â ¹æ½ÄÀ¸·Î ±¸¼ºÇØ HTML°ú CSS¿Í °ü·ÃµÈ ÁÖÁ¦¸¦ ½±°Ô ¹è¿ï ¼ö ÀÖ´Ù. ¶ÇÇÑ À¥ ÆäÀÌÁö °³¹ß°ú ¿î¿µ¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ³»¿ëÀ» ±ÕÇü ÀÖ°Ô ÆľÇÇÒ ¼ö ÀÖµµ·Ï HTML°ú CSSÄÚµå»Ó¸¸ ¾Æ´Ï¶ó ÀÛ¾÷ ÀýÂ÷¿Í ¹æ¹ý, ±×¸®°í À¥»çÀÌÆ® ºÐ¼®¹æ¹ýµµ »ìÆ캻´Ù.
-
-
HTML°ú CSS¸¦ °¡Àå ½±°Ô ¹è¿ï ¼ö ÀÖ´Â ¹æ¹ý - ¾Æ¸¶Á¸ µ¶ÀÚµéÀÌ ¼±ÅÃÇÑ ÃÖ°íÀÇ Ã¥!
¾Æ¸¶Á¸´åÄÄ À¥°³¹ß & À¥µðÀÚÀÎ ºÐ¾ß No.1 º£½ºÆ®¼¿·¯!
ÀÌ Ã¥Àº °£°áÇÑ ¿¹Á¦¿Í °á°ú ȸéÀ» ÇÑ´«¿¡ º¼ ¼ö ÀÖ´Â ¹æ½ÄÀ¸·Î ±¸¼ºÇØ HTML°ú CSS¿Í °ü·ÃµÈ ÁÖÁ¦¸¦ ¸Å¿ì ½±°Ô ¹è¿ï ¼ö ÀÖ´Ù. ¶ÇÇÑ À¥ ÆäÀÌÁö °³¹ß°ú ¿î¿µ¿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ³»¿ëÀ» ±ÕÇü ÀÖ°Ô ÆľÇÇÒ ¼ö ÀÖµµ·Ï HTML°ú CSSÄÚµå»Ó¸¸ ¾Æ´Ï¶ó ÀÛ¾÷ ÀýÂ÷¿Í ¹æ¹ý, ±×¸®°í À¥»çÀÌÆ® ºÐ¼®¹æ¹ýµµ »ìÆ캻´Ù. óÀ½ À¥ ÆäÀÌÁö °³¹ßÀ» ½ÃÀÛÇÏ´Â µðÀÚÀÌ³Ê¿Í °³¹ßÀÚ¿¡°Ô ¾È¼º¸ÂÃãÀΠåÀÌ´Ù.
HTML°ú CSS¸¦ °¡Àå ½±°Ô ¹è¿ï ¼ö ÀÖ´Â ¹æ¹ý
óÀ½ À¥»çÀÌÆ® °³¹ß°ú µðÀÚÀÎÀ» ¹è¿ì´Â Ãʺ¸ÀÚºÎÅÍ ÇöÀç »çÀÌÆ®¸¦ ¿î¿µÇÏ´Â ´ã´çÀÚ±îÁö ¸Å·ÂÀûÀÌ°í »ç¿ëÀÚ Ä£ÈÀûÀÎ À¥ ÄÜÅÙÃ÷ ÀÛ¼º ¹æ¹ý¿¡ ´ëÇØ ¹è¿ï ¼ö ÀÖ´Ù. Äڵ带 º¸¸é ¸ÕÀú ¸Ó¸®°¡ ¾ÆÇÁ±â ¸¶·ÃÀÌ´Ù. ÀÌ Ã¥Àº ±âÁ¸ÀÇ ÀüÇüÀûÀÎ ÇÁ·Î±×·¡¹Ö Ã¥ ¾ç½Ä¿¡¼ ¹þ¾î³ª À§ÁöÀ¨(WYSIWYG, What You See Is What You Get) ¹æ½ÄÀ¸·Î ±¸¼ºÇØ ¸ðµç ÁÖÁ¦¸¦ ½±°í ºü¸£°Ô ÆľÇÇÒ ¼ö ÀÖ´Ù.
°¢ ÆäÀÌÁö´Â »õ·Î¿î ÁÖÁ¦¿¡ ´ëÇØ °£´ÜÇÑ ¿¹Á¦ ÄÚµå¿Í °á°ú ȸéÀ» Á¦°øÇϸç Á÷°üÀûÀÎ ¼³¸íÀ» ÅëÇØ °£°áÇÏ°í ½Ã°¢ÀûÀÎ ¹æ½ÄÀ¸·Î °¢°¢ÀÇ ÁÖÁ¦¸¦ ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ±¸¼ºµÅ ÀÖ´Ù. ¶ÇÇÑ »çÀÌÆ®¿¡ ÀÖ´Â ÆäÀÌÁöÀÇ ±¸¼º°ú µðÀÚÀο¡ ´ëÇÑ ½ÇÁúÀûÀÎ ¹æ¹ýÀ» »ìÆ캽À¸·Î½á »ç¿ëÇÏ°í ½Í°í °¨µ¿À» ÁÖ´Â À¥»çÀÌÆ®¸¦ ¸¸µé ¼ö ÀÖ´Ù. Ãʺ¸ÀÚ¸¦ ºñ·ÔÇØ ´©±¸³ª ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖ´Ù.
¡Ú ÀÌ Ã¥ÀÇ Æ¯Â¡ ¡Ú
¡á ÅÁö¸·ÇÑ ÀÎÆ÷±×·¡ÇÈÀ¸·Î »õ·Ó°í º¹ÀâÇÑ °³³äÀ» ´Ü¼øÈÇØ º¸¿©ÁØ´Ù.
¡á ±ò²ûÇÑ µðÀÚÀΰú ·¹À̾ƿôÀ¸·Î °¢ ÆäÀÌÁöÀÇ ÁÖÁ¦¸¦ ½±°Ô ÆľÇÇÒ ¼ö ÀÖ´Ù.
¡á »ýµ¿°¨ ³ÑÄ¡´Â Ä÷¯ Àμâ·Î ´Ù¾çÇÑ À¯ÇüÀÇ Äڵ带 ½±°Ô ±¸ºÐÇÒ ¼ö ÀÖ´Ù.
¡á ¸Å·ÂÀûÀÎ ÄÚµå ¿¹Á¦·Î ¾Æ¸§´Ù¿î À¥ »çÀÌÆ®¸¦ ¸¸µå´Â ¹æ¹ýÀ» ÀÍÈù´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á HTML°ú CSS (ÃֽŠHTML5¿Í CSS3 Æ÷ÇÔ)
¡á À¥ ÆäÀÌÁö¿Í »çÀÌÆ®ÀÇ ±¸Á¶
¡á À̹ÌÁö, ¿Àµð¿À, ºñµð¿À Á¦¾î ¹æ¹ý
¡á ¼Ã¼¿Í ·¹À̾ƿô
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
¡á À¥ µðÀÚÀÌ³Ê¿Í °³¹ßÀÚ
¡á ¿Â¶óÀÎ ÆíÁýÀÚ¿Í ÄÜÅÙÃ÷ ÆíÁýÀÚ
¡á ÀÎÅÍ³Ý »çÀÌÆ® ¿î¿µÀÚ¿Í ¿Â¶óÀÎ ¸¶ÄÉÆà ´ã´çÀÚ
¡á À¥ µðÀÚÀΰú °³¹ßÀ» ½±°í ü°èÀûÀ¸·Î ¹è¿ì°í ½ÍÀº ¸ðµç »ç¶÷
ÀÌ Ã¥Àº Å©°Ô ¼¼ ºÎºÐÀ¸·Î ³ª´¶´Ù.
1. HTML
1Àå¿¡¼´Â HTMLÀ» »ç¿ëÇØ À¥ ÆäÀÌÁö¸¦ Á¦ÀÛÇÏ´Â ¹æ¹ýÀ» »ìÆ캻´Ù. ÆäÀÌÁö¿¡ ³ªÅ¸³¾ ´Ü¾î ÀÛ¼ºÀ» ½ÃÀÛÀ¸·Î, ´Ü¾î¿¡ ű׳ª ¿ä¼Ò¸¦ Ãß°¡ÇØ ºê¶ó¿ìÀú°¡ Á¦¸ñÀÌ ¹«¾ùÀÌ°í ´Ü¶ôÀÇ ½ÃÀÛ°ú ³¡ÀÌ ¾îµðÀÎÁö ÀνÄÇÏ°Ô ÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù.
³ª¸ÓÁö ºÎºÐ¿¡¼´Â ÅؽºÆ®, ¸ñ·Ï, ¸µÅ©, À̹ÌÁö, Å×À̺í, Æû, ºñµð¿À/¿Àµð¿À/Ç÷¡½Ã, ±×¸®°í ´Ù¾çÇÑ ¿ä¼Ò¿¡ ´ëÇÑ ³»¿ëÀ» º°µµÀÇ ÀåÀ¸·Î ±¸¼ºÇØ À¥ ÆäÀÌÁö ±¸Ãà¿¡ ÇÊ¿äÇÑ Å±׸¦ »ìÆ캻´Ù.
1Àå¿¡¼ 9Àå±îÁöÀÇ ³»¿ëÀº ´Ù¼Ò Áö·çÇÒ ¼ö ÀÖ´Ù. ÇÏÁö¸¸ ¸ðµç À¥ ÆäÀÌÁö ±¸Ãà¿¡ ±âº»ÀÌ µÇ´Â ³»¿ëÀÌ´Ù. 10Àå¿¡¼´Â ÆäÀÌÁö¸¦ ´õ ¸ÚÁö°Ô ²Ù¹Ð ¼ö ÀÖ´Â CSS¿¡ ´ëÇØ »ìÆ캻´Ù.
2. CSS
¸ÕÀú CSS ±ÔÄ¢À» »ç¿ëÇØ À¥ ÆäÀÌÁöÀÇ ½ºÅ¸ÀÏ°ú ·¹À̾ƿôÀ» Á¦¾îÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº»´Ù. ±×·± ´ÙÀ½ CSS ±ÔÄ¢¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ CSS ÇÁ·ÎÆÛƼ¸¦ »ìÆ캻´Ù. CSS ÇÁ·ÎÆÛƼ´Â ÀϹÝÀûÀ¸·Î ´ÙÀ½°ú °°Àº µÎ Á¾·ù·Î ³ª´ ¼ö ÀÖ´Ù.
Ç¥Çö(Presentation): ÅؽºÆ®ÀÇ »ö»ó, »ç¿ëÇÒ ÆùÆ®¿Í ÆùÆ®ÀÇ Å©±â, ÆäÀÌÁö³ª ÆäÀÌÁöÀÇ ÀϺκп¡ ¹è°æ»öÀ» Ãß°¡ÇÏ´Â ¹æ¹ý, ¹è°æ À̹ÌÁö¸¦ Ãß°¡ÇÏ´Â ¹æ¹ý µîÀ» Á¦¾îÇÑ´Ù.
·¹À̾ƿô(Layout): ȸ鿡 ¹èÄ¡µÇ´Â °¢ ¿ä¼ÒÀÇ À§Ä¡¸¦ Á¦¾îÇÑ´Ù. ¶ÇÇÑ ´õ ¸Å·ÂÀûÀÎ ÆäÀÌÁö¸¦ ¸¸µé±â À§ÇØ Àü¹®°¡µéÀÌ »ç¿ëÇÏ´Â ´Ù¾çÇÑ ±â¼úÀ» ¹è¿î´Ù.
3. ½ÇÀü ¿¹Á¦
...
¸¶Áö¸· Àå¿¡¼´Â ´õ ³ªÀº À¥»çÀÌÆ® ±¸Ãà¿¡ µµ¿òÀÌ µÇ´Â ¸î °¡Áö À¯¿ëÇÑ Á¤º¸¸¦ »ìÆ캻´Ù.
ÆäÀÌÁö ±¸Á¶¸¦ Ç¥ÇöÇÏ´Â µ¥ À¯¿ëÇÑ HTML5¿¡ µµÀÔµÈ »õ·Î¿î ű׸¦ »ìÆ캻´Ù. HTML5´Â HTMLÀÇ ÃֽŠ¹öÀüÀ̸ç ÇöÀçµµ °è¼Ó °³¹ß ÁßÀÌ´Ù. ÇÏÁö¸¸ ÀÌ·¯ÇÑ ¿ä¼Ò¸¦ ¹è¿ì±â ¾Õ¼ CSS¸¦ »ç¿ëÇØ À¥ ÆäÀÌÁöÀÇ µðÀÚÀÎÀ» Á¦¾îÇÏ´Â ¹æ¹ý¿¡ ´ëÇÑ ÀÌÇØ°¡ ÇÊ¿äÇÏ´Ù. »õ·Î¿î À¥»çÀÌÆ®¸¦ ¸¸µé ¶§ ÁؼöÇØ¾ß ÇÏ´Â µðÀÚÀÎ ÇÁ·Î¼¼½º¿¡ ´ëÇؼ´Â º°µµÀÇ ÀåÀ¸·Î ±¸¼ºÇØ »ìÆ캻´Ù.
¸¶Áö¸·À¸·Î »çÀÌÆ®¸¦ À¥¿¡ ¿Ã¸®´Â ¹æ¹ý, °Ë»ö ¿£Áø ÃÖÀûÈ(SEO), ±×¸®°í ±¸±Û ¾Ö³Î¸®Æ½½º¸¦ »ç¿ëÇÏ¿© »çÀÌÆ®ÀÇ ¹æ¹®ÀÚ À¯Çü°ú »ç¿ë ÆÐÅÏÀ» ºÐ¼®ÇÏ´Â ¹æ¹ýÀ» »ìÆ캻´Ù.
¡Ú ÀúÀÚ ¼¹® ¡Ú
HTML°ú CSS¸¦ ´Ù·ç´Â ¸¹Àº Ã¥Àº Èí»ç Áö·çÇÑ ¸Å´º¾ó°ú °°´Ù. µû¶ó¼ ÀÌ Ã¥Àº Á»´õ ½±°Ô ¹è¿ï ¼ö ÀÖµµ·Ï ±âÁ¸ ÃâÆǻ翡¼ »ç¿ëÇß´ø ÁøºÎÇÑ ÅÛÇø´¿¡¼ ¹þ¾î³ª óÀ½ºÎÅÍ »õ·Ó°Ô µðÀÚÀÎÇß´Ù.
ÀÛ¾÷ ½Ã ÀÚÁÖ »ç¿ëÇÏ´Â 90% Äڵ忡 ÃÊÁ¡À» ¸ÂÃèÀ¸¸ç À¥»çÀÌÆ® °³¹ßÀÚÁ¶Â÷ °ÅÀÇ »ç¿ëÇÏÁö ¾Ê´Â ÄÚµå´Â °ú°¨È÷ »ý·«Çß´Ù. ÇÏÁö¸¸ ÀÌ Ã¥À» ¸¶Ä¡¸é ³ª¸ÓÁö 10%¸¦ Á¢ÇÏ´õ¶óµµ ±¸±Û¿¡¼ °Ë»ö¸¸ ÇÏ¸é ½±°í ºü¸£°Ô ±× Àǹ̸¦ ÆľÇÇÒ ¼ö ÀÖ´Ù.
ÀϹÝÀûÀ¸·Î ÀÛ¾÷ ½Ã ¸Å¿ì º¹ÀâÇϰųª ³À̵µ°¡ ³ôÀº ºÎºÐ¿¡ ´ëÇؼ´Â ÁÖ¼®À» ´Ü´Ù. ÇÏÁö¸¸ ½ÇÁ¦·Î´Â À¥ ÆäÀÌÁö¸¦ ÀÛ¼ºÇϰųª À¥ ÆäÀÌÁö ÀÛ¼º¿¡ »ç¿ëµÈ Äڵ带 ÆľÇÇÏ´Â ¹æ¹ýÀº ¾î·ÆÁö ¾Ê´Ù. ºÐ¸íÈ÷ ¸»ÇÏÁö¸¸ ¡®ÇÁ·Î±×·¡¸Ó¡¯°¡ µÉ ÇÊ¿ä´Â ¾ø´Ù.
HTML°ú CSS¸¦ Á¦´ë·Î ¾Æ´Â °ÍÀº À¥ ÀÛ¾÷À» ÇÏ´Â ¸ðµç ÀÌ¿¡°Ô À¯¿ëÇÏ´Ù. µðÀÚÀ̳ʴ ´õ ¸Å·ÂÀûÀÌ°í ½Ç¿ëÀûÀÎ »çÀÌÆ®¸¦ ¸¸µé ¼ö ÀÖÀ¸¸ç, À¥»çÀÌÆ® ÆíÁýÀÚ´Â ´õ ³ªÀº ÄÜÅÙÃ÷¸¦ Á¦ÀÛÇÒ ¼ö ÀÖÀ¸¸ç, ¸¶ÄÉÆà ´ã´çÀÚ´Â °í°´°ú ´õ È¿À²ÀûÀ¸·Î ¼ÒÅëÇÒ ¼ö ÀÖÀ¸¸ç, °ü¸®ÀÚ´Â ´õ ÁÁÀº »çÀÌÆ®¸¦ È°¿ëÇØ ÆÀ¿¡¼ ÃÖ°íÀÇ ¼º°ú¸¦ °ÅµÑ ¼öµµ ÀÖ´Ù.
¶ÇÇÑ ÀÌ Ã¥Àº ÀÚÁÖ Áú¹®ÇÏ´Â ÁÖÁ¦¿¡ ´ëÇÑ ½Ç¿ëÀûÀÎ Á¤º¸¸¦ Ãß°¡Çß´Ù. ¿¹ÄÁ´ë À¥¿¡¼ À̹ÌÁö, ¿Àµð¿À, ºñµð¿À »ç¿ë ¹æ¹ý, »õ·Î¿î »çÀÌÆ®ÀÇ µðÀÚÀΰú ±¸Ãà ¹æ¹ý, °Ë»ö ¿£Áø ÃÖÀûÈ, ±×¸®°í ±¸±Û ¾Ö³Î¸®Æ½½º(Google Analytics)¸¦ »ç¿ëÇÑ »çÀÌÆ® ¹æ¹®ÀÚ ºÐ¼® ¹æ¹ý µîÀ» »ìÆ캻´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
¡°HTML°ú CSS¸¦ °¡Àå ½±°Ô ¹è¿ï ¼ö ÀÖ´Â ¹æ¹ý¡±
ÀÌ Ã¥ÀÇ Æ¯Â¡À» ¼Ò°³ÇÏ´Â °¡Àå ÀûÀýÇÑ ¹®ÀåÀ̶ó »ý°¢ÇÕ´Ï´Ù. »ç½Ç HTML°ú CSS¸¦ ´Ù·ç´Â Ã¥Àº ¼ö¾øÀÌ ¸¹½À´Ï´Ù. ¾Æ¸¶µµ °¡Àå ¸¹Àº Ã¥ÀÌ Á¸ÀçÇÏ´Â ÁÖÁ¦ Áß Çϳª°¡ ¹Ù·Î HTML°ú CSS°¡ ¾Æ´Ò±î ½Í½À´Ï´Ù. ±× ¼ö¸¹Àº Ã¥ Áß¿¡¼ ÀÌ Ã¥ÀÌ ÀÇ¹Ì ÀÖ´Â °ÍÀº HTML°ú CSS¶ó´Â ÁÖÁ¦¸¦ ½±°í Á÷°üÀûÀ¸·Î ÀÌÇØÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» Á¦½ÃÇß´Ù´Â µ¥ ÀÖ½À´Ï´Ù.
ÀÌ Ã¥Àº ±âÁ¸ÀÇ ¸Å´º¾ó °°Àº Áö·çÇÑ ÇÁ·Î±×·¡¹Ö Ã¥ÀÇ Çü½Ä¿¡¼ ¹þ¾î³ª ¸¶Ä¡ Àü¹® µðÀÚÀÎ ¼Àûó·³ º¸ÀÔ´Ï´Ù. °£´ÜÇÑ ¿¹Á¦¿Í ½ÇÇà °á°ú¸¦ ÇÑ´«¿¡ ÆľÇÇÒ ¼ö ÀÖ´Â À§ÁöÀ¨(What You See Is What You Get) ±¸¼ºÀ» ÅëÇØ µ¶ÀÚÀÇ ÀÌÇصµ¸¦ ±Ø´ëÈÇßÀ¸¸ç ¹ÌÀû °¨¼ºÀ» ÇѲ¯ ÀÚ±ØÇÏ´Â °¢ ÆäÀÌÁöÀÇ µðÀÚÀÎÀº HTML°ú CSS°¡ °á±¹ ½Ã°¢ÀûÀÎ ÀÛ¾÷À̶ó´Â »ç½ÇÀ» »õ»ï ±ú´Ý°Ô ÇØ ÁÝ´Ï´Ù.
¶ÇÇÑ ÀÌ Ã¥Àº À¥ °³¹ßÀ» óÀ½ ½ÃÀÛÇÏ´Â µðÀÚÀÌ³Ê¿Í °³¹ßÀÚ¿¡°Ô ÃÖÀûȵŠÀÖ½À´Ï´Ù. HTML°ú CSS¿¡ ´ëÇÑ °£°áÇÏ°í ±º´õ´õ±â ¾ø´Â ¼³¸í°ú ´õºÒ¾î HTML°ú CSS ÀÛ¾÷ ÀýÂ÷¿Í ¹æ¹ýµµ ´Ù·ç¸ç ±¸±Û ¾Ö³Î¸®Æ½½º(Google Analytics)¸¦ »ç¿ëÇÑ À¥ ÆäÀÌÁö ºÐ¼® ¹æ¹ýµµ »ìÆ캾´Ï´Ù. µû¶ó¼ HTML°ú CSS ÄÚµå»Ó¸¸ ¾Æ´Ï¶ó ÀÛ¾÷¿¡ ´ëÇÑ ÀýÂ÷¿Í ¹æ¹ý ±×¸®°í À¥ »çÀÌÆ® ¿î¿µ ½Ã¿¡ °í·ÁÇØ¾ß ÇÒ »çÇ׿¡ ´ëÇÑ Àü¹ÝÀûÀÎ ÀÌÇظ¦ ÅëÇØ À¥ ÆäÀÌÁö °³¹ß¿¡¼ ¿î¿µ±îÁö ±ÕÇü ÀÖ°Ô ÆľÇÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌ Ã¥À» ÅëÇØ ±âº»ÀÇ Á߿伺À» ´Ù½Ã Çѹø Àý°¨ÇÏ°Ô µË´Ï´Ù. ½±°í ±âÃÊÀûÀÎ ³»¿ëÀϼö·Ï ±âº»¿¡ ´ëÇÑ ÀÌÇØ¿Í Ã¼°èÀûÀÎ ÇнÀ ¹æ¹ýÀÌ ´õ¿í ÇÊ¿äÇÏ´Ù´Â »ç½ÇÀ» ´Ù½Ã Çѹø Àý½ÇÈ÷ ±ú´Ý°Ô µÆÀ¸¸ç, óÀ½ À¥À» ½ÃÀÛÇÏ´Â ¸ðµç ÀÌ¿¡°Ô ÀÌ Ã¥ÀÌ °¡Àå ÁÁÀº ¼±ÅÃÀÌ µÉ ¼ö ÀÖÀ¸¸®¶ó È®½ÅÇÕ´Ï´Ù. HTML°ú CSS¸¦ ±âº»ºÎÅÍ Â÷±ÙÂ÷±Ù ´ÙÁö°í ½Í´Ù¸é ÀÌ Ã¥ÀÇ ¼±Åÿ¡ °áÄÚ ÈÄȸÇÏÁö ¾ÊÀ» °ÍÀÔ´Ï´Ù.
¸¶Áö¸·À¸·Î, ÀÌ Ã¥ÀÌ Ãʺ¸ÀÚ¿¡¼ Àü¹® À¥ ÆäÀÌÁö °³¹ßÀÚ¿Í µðÀÚÀ̳ʷΠ°Åµì³ª´Â µ¥ ¡®¸¶Áß¹°¡¯ÀÌ µÇ¾úÀ¸¸é ÇÏ´Â ¹Ù¶÷ÀÔ´Ï´Ù. ±×·± Àǹ̿¡¼ ¿¹Àü¿¡ ¾Èö¼ö ±³¼ö´ÔÀÇ Æ¯°¿¡¼ µé¾ú´ø »îÀÇ 7°¡Áö ¿øÄ¢À» ³ª´©¸ç ±âº»ÀÇ Á߿伺À» ´Ù½Ã Çѹø ¸¶À½¿¡ »õ±â·Á ÇÕ´Ï´Ù. ³¡À¸·Î ÀÌ Ã¥À» ±¸ÀÔÇÏ°í ÇÔ²²ÇØÁØ ¸ðµç µ¶ÀÚ ¿©·¯ºÐ²² Áø½ÉÀ¸·Î °¨»çÀÇ ¸»À» ÀüÇÕ´Ï´Ù. Á¤¸» °¨»çÇÕ´Ï´Ù.
<»îÀÇ 7°¡Áö ¿øÄ¢>
ù°, ¸Å ¼ø°£¿¡ ÃÖ¼±À» ´ÙÇÏ°í, ²÷ÀÓ¾øÀÌ º¯ÈÇÏ°í ¹ßÀüÇϱâ À§Çؼ ³ë·ÂÇÑ´Ù.
µÑ°, ³ôÀº ¸ñÇ¥¸¦ ¼¼¿ì°í ½º½º·Î¸¦ äÂïÁúÇÑ´Ù.
¼Â°, °á°úµµ Áß¿äÇÏÁö¸¸ °úÁ¤À» ´õ Áß¿äÇÏ°Ô »ý°¢ÇÑ´Ù.
³Ý°, ½º½º·Î¸¦ ´Ù¸¥ »ç¶÷°ú ºñ±³ÇÏÁö ¾ÊÀ¸¸ç, ¿ÜºÎ Æò°¡¿¡ ¿¬¿¬ÇÏÁö ¾Ê´Â´Ù.
´Ù¼¸Â°, Ç×»ó ÀÚ½ÅÀÌ ¸ðÀÚ¶õ´Ù°í »ý°¢Çϸç, Á¶±×¸¸ ¼º°ø¿¡ ¸¸Á·ÇÏÁö ¾ÊÀ¸¸ç, ¹æ½ÉÀ» °æ°èÇÑ´Ù.
¿©¼¸Â°, ±âº»À» Áß¿äÇÏ°Ô »ý°¢ÇÑ´Ù.
ÀÏ°ö°, õ ¸¶µð ¸»º¸´Ù ÇϳªÀÇ ÇൿÀ» ´õ °ªÁö°Ô »ý°¢ÇÑ´Ù.
-
-
1Àå. ±¸Á¶
2Àå. ÅؽºÆ®
3Àå. ¸ñ·Ï
4Àå. ¸µÅ©
5Àå. À̹ÌÁö
6Àå. Å×À̺í
7Àå. Æû
8Àå. ±âŸ ¸¶Å©¾÷
9Àå. Ç÷¡½Ã, ºñµð¿À & ¿Àµð¿À
10Àå. CSS ¼Ò°³
11Àå. »ö»ó
12Àå. ÅؽºÆ®
13Àå. ¹Ú½º
14Àå. ¸ñ·Ï, Å×À̺í, Æû
15Àå. ·¹À̾ƿô
16Àå. À̹ÌÁö
17Àå. HTML5 ·¹À̾ƿô
18Àå. ÇÁ·Î¼¼½º & µðÀÚÀÎ
19Àå. ½Ç¿ëÀûÀÎ Á¤º¸
-
-
-
|
Á¸ µÎÄÏ(Jon Ducket) [Àú]
|
|
-
À¥»çÀÌÆ® µðÀÚÀΰú °³¹ß¿¡ 10³â ÀÌ»óÀÇ °æ·ÂÀ» º¸À¯ÇÏ°í ÀÖ´Ù. Áß¼Ò±â¾÷ºÎÅÍ ¼¼°èÀûÀÎ ´ë±â¾÷±îÁö ´Ù¾çÇÑ È¸»ç¿¡¼ ±Ù¹«ÇßÀ¸¸ç, À¥ µðÀÚÀÎ, ÇÁ·Î±×·¡¹Ö, »ç¿ë¼º(usability), Á¢±Ù¼º(accessibility)¿¡ ´ëÇÑ ¼ö½Ê ±ÇÀÇ Ã¥À» ÁýÇÊÇß´Ù.
-
|
È«¿µÇ¥ [Àú]
|
|
-
Ä«À̽ºÆ® °æ¿µ´ëÇп¡¼ Á¤º¸°æ¿µ ¼®»ç°úÁ¤À» Á¹¾÷ÇßÀ¸¸ç ÇöÀç ±ÝÀ¶È¸»ç¿¡ ÀçÁ÷ ÁßÀÌ´Ù.
Àú¼·Î´Â [±â¼ú, °æ¿µÀ» ¸¸³ª´Ù](¿¡ÀÌÄÜ, 2016)°¡ ÀÖÀ¸¸ç, ¿Å±ä Ã¥À¸·Î´Â ¿¡ÀÌÄÜÃâÆǻ翡¼ Ãâ°£ÇÑ [R°í ÇÏ´Â ±ÝÀ¶ ºÐ¼®](2017), [ŸÀÔ½ºÅ©¸³Æ® µðÀÚÀÎ ÆÐÅÏ](2017), [The Modern Web](2014), [HTML & CSS](2012), [HTML5+CSS3+ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤¼®](2012), [Professional iPhone and iPad Database Application Programming Çѱ¹¾îÆÇ](2012), [¾ÆÀÌÆù&¾ÆÀÌÆеå ÀÎ ¾×¼Ç](2011)°ú [Á¦ÀÌÄß ´Ò½¼ÀÇ ¸ð¹ÙÀÏ »ç¿ë¼º ÄÁ¼³Æà º¸°í¼](Á¦ÀÌÆà, 2013), [½ºÇÁ¸µ ÀÎ ¾×¼Ç(Á¦3ÆÇ)](Á¦ÀÌÆà, 2012)ÀÌ ÀÖ´Ù.
-
-
Àüü 1°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|