30°³ÀÇ ·¹½¼À¸·Î ¸¶½ºÅÍÇÏ´Â HTML5¿Í CSS3
ÃÖ±Ù ¸î ³â »çÀÌ¿¡ HTML5 & CSS3ÀÌ Ç¥ÁØÀÌ µÇ°í ¸ÖƼ µð¹ÙÀ̽º ´ëÀÀÀÌ ´ç¿¬ÇÏ°Ô µÇ´Â µî À¥ Á¦ÀÛÀ» µÑ·¯½Ñ ȯ°æÀÌ Å©°Ô ¹Ù²ñ¿¡ µû¶ó À¥ Á¦ÀÛ ÇöÀå¿¡¼­ ¿ä±¸µÇ´Â ½ºÅ³µµ °íµµÈ­µÇ°í º¹ÀâÈ­µÇ¾ú´Ù. ÀÌ Ã¥Àº 30°³ÀÇ ·¹½¼À» ÅëÇØ ¸ðµç À¥ Á¦ÀÛÀÇ Åä´ë°¡ µÇ´Â HTML5°ú CSS3ÀÇ Áö½Ä°ú ±â¼úÀ» ±âÃʺÎÅÍ È®½ÇÈ÷ ¾Ë ¼ö ÀÖµµ·Ï ¼³¸íÇÏ°í ÀÖ´Ù. °¢ ·¹½¼Àº °³³äÀ̳ª ±ÔÄ¢À» ¼³¸íÇÏ´Â ¡®°­ÀÇ¡¯¿Í ½ÇÁ¦·Î »ùÇà ÆÄÀÏÀ» Á¦ÀÛÇØ º¸´Â ¡®½Ç½À¡¯ µÎ ÆÄÆ®·Î ±¸¼ºµÇ¾î ÀÖ¾î °³³äÀ» ÀÍÈ÷°í Á÷Á¢ ½Ç½ÀÀ» Çϸç HTML°ú CSS¸¦ ½±°Ô ¹è¿ï ¼ö ÀÖ´Ù. ÃÖ÷´Ü ȯ°æ»Ó¸¸ ¾Æ´Ï¶ó °ú°ÅÀÇ È¯°æÀ̳ª ±â¼ú(HTML5 ÀÌÀüÀÇ ¸¶Å©¾÷ ±Ô°Ý µî)µµ ÇÔ²² ´Ù·ç¾î HTML°ú CSSÀÇ ±âº»ÀûÀÎ ±â¼ú°ú ³ëÇϿ츦 ÀÍÈú ¼ö ÀÖÀ¸¸ç, ½Ç¹«¿¡¼­ ¹Ýµå½Ã ÇÊ¿äÇÑ ±â¼úÀûÀÎ Á¦¾àÀ̳ª ȯ°æ¿¡ µû¸¥ Â÷ÀÌ µî¿¡ ´ëÇÑ Á¤º¸¸¦ ´Ù·ç¾î ½ÇÁ¦ Á¦ÀÛ ÇöÀå¿¡¼­ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Ù.

Chapter 01 HTML·Î ¹®¼­ ÀÛ¼ºÇϱâ
HTMLÀÇ ±âº» ±¸Á¶¸¦ ÀÌÇØÇÏ°í HTMLÀ» Á¦´ë·Î »ç¿ëÇÒ ¼ö ÀÖµµ·Ï Àü¹ÝÀûÀÎ ±âº» ±ÔÄ¢¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù. HTMLÀº ¾î·ÆÁö ¾ÊÁö¸¸ ±×·¸´Ù°í Çؼ­ µÇ´Â ´ë·Î ¾²´Â °ÍÀÌ ¾Æ´Ï¶ó HTMLÀÌ °®°í ÀÖ´Â ¿ªÇÒÀ» ºÐ¸íÈ÷ ÀνÄÇϸ鼭 ½á¾ß ÇÕ´Ï´Ù. ¿©±â¼­´Â °£´ÜÇÑ »ùÇà ¹®¼­¸¦ HTMLÈ­ ÇØ°¡¸é¼­ HTMLÀÇ ±âº» ³»¿ëÀ» »ìÆ캾´Ï´Ù.

Chapter 02 CSS·Î ¹®¼­ Àå½ÄÇϱâ
CSSÀÇ ±âº» ¼­½Ä, ¼±ÅÃÀÚ, ÇÁ·ÎÆÛƼ, ¹Ú½º ¸ðµ¨ µî CSS¸¦ ÀÌ¿ëÇÏ´Â µ¥ ¹Ýµå½Ã ¸¶½ºÅÍÇØ µÎ¾î¾ß ÇÒ »çÇ×À» ¾Ë¾Æº¾´Ï´Ù. ¶ÇÇÑ »ö»óÀ̳ª ¿©¹é, ±Û²Ã ¼³Á¤ µî ÈçÈ÷ »ç¿ëÇÏ´Â ¹®¼­ Àå½ÄÀ» Á÷Á¢ µû¶óÇϸ鼭 ±âº»ÀûÀÎ CSS ÇÁ·ÎÆÛƼ ¿¬½ÀÀ» ÇÒ ¼ö ÀÖ½À´Ï´Ù.

Chapter 03 CSS ·¹À̾ƿôÀÇ ±âº»
À¥»çÀÌÆ®ÀÇ ·¹À̾ƿôÀº ±× ¿ëµµ³ª ¸ñÀû¿¡ µû¶ó ´Ù¾çÇÑ ±â¹ýÀÌ ÀÖ½À´Ï´Ù. ¿©±â¼­´Â ´Ù¾çÇÑ ·¹À̾ƿô ±â¹ýÀÇ Æ¯Â¡°ú ¿ëµµ¸¦ ¼Ò°³Çϸ鼭 º£À̽º°¡ µÇ´Â ¡®float ÇÁ·ÎÆÛƼ¡¯¿Í ¡®position ÇÁ·ÎÆÛƼ¡¯¸¦ »ç¿ëÇÑ ·¹À̾ƿôÀÇ Á¦ÀÛ ¹æ¹ýÀ» ¾Ë¾Æº¾´Ï´Ù.

Chapter 04 HTML5·Î ¸¶Å©¾÷À» Çϱâ À§ÇÑ ±âÃÊ Áö½Ä
éÅÍ 4¿¡¼­´Â º¸´Ù º»°ÝÀûÀ¸·Î HTML5 ¸¶Å©¾÷À» ÇÏ´Â µ¥ ÇÊ¿äÇÑ »õ·Î¿î ¿ä¼Ò¿Í ¼Ó¼º »ç¿ë¹ý, ±×¸®°í »õ·Î¿î °³³ä°ú ±ÔÄ¢¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.

Chapter 05 º»°ÝÀûÀÎ À¥ Á¦ÀÛÀ» À§ÇÑ ¼³°è¿Í Áغñ
HTML¡¤CSSÀÇ ±âÃʸ¦ °øºÎÇÑ Ãʺ¸ÀÚ°¡ ¸·»ó º»°ÝÀûÀÎ À¥»çÀÌÆ®¸¦ ¸¸µé·Á°í ÇßÀ» ¶§ ½ÇÁ¦·Î ¾îµð¼­ºÎÅÍ ¼ÕÀ» ´ë¾ß ÇÒÁö ´çȲÇÒ ¼ö ÀÖ½À´Ï´Ù. ¶ÇÇÑ »ý°¢´ë·Î Àß ÄÁÆ®·ÑÇÏÁö ¸øÇÏ´Â °æ¿ìµµ ÈçÈ÷ ÀÖ½À´Ï´Ù. ÀÌ Àå¿¡¼­´Â ½Ç¹«ÀûÀÎ ³»¿ëÀÇ À¥»çÀÌÆ®¸¦ Á¦ÀÛÇϴµ¥ ¹Ì¸® ¾Ë¾Æ µÎ´Â °ÍÀÌ ÁÁÀº Áö½ÄÀ̳ª ³ëÇÏ¿ì, È¿À²ÀûÀ¸·Î ÄÚµùÀ» ÁøÇàÇϱâ À§ÇÑ »çÀü Áغñ¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.

Chapter 06 ½ÇõÀûÀÎ À¥»çÀÌÆ® ÄÚµù
éÅÍ 06¿¡¼­´Â ¾Õ¿¡¼­ È®ÀÎÇÑ ÄÚµù ¼³°èµµ¸¦ ±âÃÊ·Î ÇÏ¿© °£´ÜÇÑ ±â¾÷ À¥»çÀÌÆ®¸¦ ÄÚµùÇÏ´Â ¹ýÀ» ¹è¿ó´Ï´Ù. ¿©±â¼­´Â ¾î¶² »çÀÌÆ®¸¦ ÄÚµùÇÏ´Â °æ¿ì¿¡µµ µµ¿òÀÌ µÇ´Â ±âº»ÀûÀÎ Áö½ÄÀ̳ª Å×Å©´ÐÀ» ¹è¿ï ¼ö ÀÖ½À´Ï´Ù.

Chapter 07 CSS3 ÀÔ¹®
CSS3¿¡¼­´Â µÕ±Ù ¸ð¼­¸®³ª µå·Ó ¼¨µµ¿ì»Ó¸¸ ¾Æ´Ï¶ó µðÀÚÀΠǥÇöÀ» ÀÚÀ¯·Ó°Ô ÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ÇÁ·ÎÆÛƼ¿Í ¼±ÅÃÀÚ µîÀÇ ±â´ÉÀÌ ´Ù¼ö °®Ãç ÀÖ½À´Ï´Ù. ƯÈ÷ ÃÖ±Ù À¥ Á¦ÀÛ¿¡¼­ °ÅÀÇ ÇʼöÀûÀÎ ¸ÖƼ µð¹ÙÀ̽º ´ëÀÀÀ» ÇÒ ¶§¿¡´Â CSS3°¡ »ó´çÈ÷ Áß¿äÇÑ ¿ªÇÒÀ» ÇÏ°í ÀÖ½À´Ï´Ù. ÀÌ Àå¿¡¼­´Â ÀÌ¿ë ºóµµ°¡ ³ô°í Áï½Ã »ç¿ëÇÒ ¼ö ÀÖ´Â °ÍÀ» Áß½ÉÀ¸·Î CSS3ÀÇ ¼±ÅÃÀÚ¿Í ÇÁ·ÎÆÛƼ ±â´ÉÀ» ¾Ë·Á ÁÝ´Ï´Ù. ¶ÇÇÑ ½Ç¹«¿¡ CSS3¸¦ ÀÌ¿ëÇÏ´Â µ¥ ÁÖÀÇÇØ¾ß ÇÒ Á¡¿¡ ´ëÇؼ­µµ ¹è¿ï ¼ö ÀÖ½À´Ï´Ù.

Chapter 08 ¸ÖƼ µð¹ÙÀ̽º ´ëÀÀÀÇ ±âÃÊ Áö½Ä
éÅÍ 08¿¡¼­´Â ½º¸¶Æ®ÆùÀ̳ª ÅÂºí¸´¿ë À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¶§ ÇÊ¿äÇÑ µð¹ÙÀ̽ºÀÇ Æ¯¼º°ú ÁÖÀÇÇÒ Á¡À» »ìÆ캾´Ï´Ù.

Chapter 09 ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ ÄÚµù
¹ÝÀÀÇü ÄÚµùÀ» ÇÏ·Á¸é HTMLÀ̳ª CSS, ¸ÖƼ µð¹ÙÀ̽º ´ëÀÀ Áö½ÄÀ» Á¾ÇÕÀûÀ¸·Î È°¿ëÇØ¾ß ÇÕ´Ï´Ù. ÀÌ Àå¿¡¼­´Â ±âº»ÀûÀÎ ¹ÝÀÀÇü ÄÚµù¿¡ ´ëÇØ »ìÆ캸°Ú½À´Ï´Ù.

Akemi Kusano
¾ÆÀÌÄ¡Çö¸³°íµîÇб³¿¡¼­ ¼¼°è»ç ±³»ç·Î ±Ù¹«ÇÏ´Ù°¡ Àü¹®Çб³¸¦ °ÅÃÄ À¥ Á¦ÀÛÀÇ ÇöÀå¿¡ ÁøÃâÇß´Ù. ¸®Äí¸£Æ® °ü·Ã ÀÚȸ»ç µðÁöÅÐ Á¦ÀÛ ºÎ¹®¿¡¼­ ÀÏÇÏ´Ù 2003³â µ¶¸³Çß´Ù. ÀÌÈÄ HTML°ú CSS ÄÚµùÀ» ÇÏ´Â ÇÁ¸®·£¼­·Î È°µ¿ ÁßÀÌ´Ù. ¡®Ãʺ¸ÀÚ¿Í Áß±ÞÀÚ¸¦ À§ÇÑ ÄÚµù¡¯ ¼¼¹Ì³ª °­»ç·Îµµ È°µ¿ÇÏ°í ÀÖ´Ù.