|
|
|
|
|
|
|
Ã¥³»¿ë |
|
ÇÑ ±ÇÀ¸·Î ±âº» °³³äÀ» ¸ðµÎ ÀÍÈ÷´Â HTML5 ÀÔ¹®¼
ÀÌ Ã¥Àº ´ëÇб³ÀÇ °ÀÇ ±³Àç·Î¼¸¸ÀÌ ¾Æ´Ï¶ó HTML5 ȯ°æÀ» óÀ½ ¹è¿ì´Â À¥ °³¹ßÀÚ, À¥ ±âȹÀÚ, À¥ µðÀÚÀ̳ʿ¡°Ôµµ ¸Å¿ì À¯¿ëÇÑ ±³ÀçÀÌ´Ù. ´õ ³ª¾Æ°¡ HTML5°¡ ´Ü¼øÈ÷ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÏ´Â ¿ëµµ¿¡¼ ´õ¿í ´Ù¾çÇÑ ºÐ¾ß¿¡ È°¿ëµÉ °ÍÀÌ ¿¹»óµÇ¹Ç·Î °¢Á¾ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀڵ鿡°Ôµµ HTML5 ±â¼úÀÇ ÀÔ¹®¼·Î ÀûÇÕÇÒ °ÍÀÌ´Ù. ÀÌ Ã¥ÀÇ °¡Àå Å« Ư¡Àº HTML5 ÅÂ±×¿Í API, CSS3 ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ®±îÁö ¿©·¯ ±ÇÀÌ ¾Æ´Ï¶ó ÀÌ Ã¥ ÇÑ ±ÇÀ¸·Î ±âº» °³³äÀ» ÀÍÈú ¼ö ÀÖ´Â ÀÔ¹®¼¶ó´Â Á¡ÀÌ´Ù. ¶ÇÇÑ, ½Ç½À ÇÁ·ÎÁ§Æ®±îÁö Á¦½ÃÇÏ°í ÀÖÀ¸¹Ç·Î ½Ç½À ½Ã°£ÀÇ ±³Àç·Î±îÁö »ç¿ëÇÒ ¼ö ÀÖÀ¸¸ç, ´Ù¾çÇÑ ÇüÅÂÀÇ ¿¬½À¹®Á¦¸¦ dzºÎÈ÷ Á¦°øÇÏ¿© °ÀǸ¦ ÁøÇàÇϴµ¥ Å« µµ¿òÀÌ µÇµµ·Ï ÇÏ¿´´Ù.
ÀÌ Ã¥ÀÇ ±¸¼º
ÀÌ Ã¥ÀÇ ±¸¼ºÀº Àüü 13°³ ÀåÀ̸ç, Å©°Ô 4°³ ºÎ·Î ±¸ºÐµÇ¾î ÀÖ´Ù.
Á¦1ºÎ´Â HTML5 ±âº» ű׸¦ ¼³¸íÇÏ°í ÀÖÀ¸¸ç 1Àå¿¡¼ ÀÎÅͳݰú À¥ ȯ°æÀÇ ¹ßÀü¿¡ ´ëÇÑ ¼³¸íÀ¸·Î ½ÃÀÛÇÏ°í ÀÖ´Ù. 2Àå¿¡¼´Â ¹®¼ÀÇ ³»¿ëÀ̳ª ¹®¼±¸Á¶¸¦ Ç¥ÇöÇϴµ¥ ÇÊ¿äÇÑ HTML5ÀÇ ±âº» ű׵éÀ» ¼³¸íÇÏ°í ÀÖ´Ù. 3Àå¿¡¼´Â HTMLÀÇ °¡Àå Å« Ư¡ ÁßÀÇ ÇϳªÀÎ ÇÏÀÌÆÛ¸µÅ©ÀÇ Ç¥Çö°ú À̹ÌÁö/¿Àµð¿À/ºñµð¿À µî ¸ÖƼ¹Ìµð¾îÀÇ Ç¥Çö ¹æ¹ýÀ» ¼³¸íÇÑ´Ù. 4Àå°ú 5Àå¿¡¼´Â CSS3 ½ºÅ¸ÀϽÃÆ®ÀÇ ±âº»ÀûÀÎ »ç¿ë¹æ¹ý¿¡¼ ´Ù¾çÇÑ ±â´É±îÁö ¼³¸íÇÏ°í ÀÖ´Ù. 6Àå¿¡¼´Â À¥ ÆäÀÌÁö¿¡¼ »ç¿ëÀÚÀÇ ´Ù¾çÇÑ ÀÔ·ÂÀ» ó¸®ÇØ ÁÖ´Â ÀÔ·Â ÆûÀ» ¼³¸íÇÑ´Ù.
Á¦2ºÎ´Â CSS3 ½ºÅ¸ÀϽÃÆ®¿Í ÀÔ·Â Æû ¹× Àü¹ÝºÎÀÇ ½Ç½ÀÀ» ´Ù·ç°í ÀÖ´Ù. 7Àå¿¡¼´Â Àü¹ÝºÎ¿¡¼ ¼³¸íÇÑ HTML ÅÂ±×¿Í CSS3¸¦ ½Ç½ÀÇÒ ¼ö ÀÖµµ·Ï ÀÎÅÍ³Ý ¼Á¡ »çÀÌÆ®¸¦ ±¸ÃàÇÏ´Â ÇÁ·ÎÁ§Æ®¸¦ Á¦½ÃÇÏ°í ÀÖ´Ù.
Á¦3ºÎ¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀ» ´Ù·ç°í ÀÖ´Ù. 8Àå¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»ÀûÀÎ ÇÁ·Î±×·¡¹Ö ¹æ¹ýÀ» ¼³¸íÇÏ°í, 9Àå¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼¿Í DOM ¹®¼±¸Á¶, 10Àå¿¡¼´Â À̺¥Æ® ó¸® µî ´Ù¾çÇÑ È°¿ë ¹æ¹ýÀ» ¼³¸íÇÏ°í ÀÖ´Ù. 11Àå¿¡¼´Â ÀÚ¹Ù½ºÅ©¸³Æ®·Î ȸ鿡 ±×¸²À» ±×¸®´Â HTML5 ĵ¹ö½º¶ó´Â »õ·Î¿î ±â´ÉÀ» ¼Ò°³ÇÏ°í ÀÖ´Ù.
Á¦4ºÎ´Â À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÀ» À§ÇÑ HTML5ÀÇ ´Ù¾çÇÑ API¸¦ ´Ù·ç°í ÀÖ´Ù. 12ÀåÀº ÀÎÅÍÆäÀ̽º °³¹ß¿¡ °ü·ÃµÈ API¸¦ ¼³¸íÇÏ°í, 13Àå¿¡¼´Â ÀúÀå °ü·Ã API¿Í ±× ¿Ü¿¡ ´Ù¾çÇÑ API¸¦ ¼Ò°³ÇÏ°í ÀÖ´Ù. 14Àå¿¡¼´Â ÈĹݺο¡¼ ¹è¿î ³»¿ëÀÇ ½Ç½ÀÀÌ °¡´ÉÇϵµ·Ï ÇÁ·ÎÁ§Æ®¸¦ Á¦½ÃÇÏ¿´´Ù. ÀÌ ÇÁ·ÎÁ§Æ®´Â Àü¹ÝºÎ¿¡ ±¸ÃàÇÑ ÀÎÅÍ³Ý ¼Á¡ À¥ »çÀÌÆ®¿¡¼ µµ¼¸¦ ´ëÃâÇÏ°í Á¤º¸¸¦ ÀúÀåÇÏ´Â ¸ð¹ÙÀÏ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇÏ´Â ³»¿ëÀ¸·Î ÈĹݺΠ½Ç½ÀÀÌ °¡´ÉÇϵµ·Ï ÇÏ¿´´Ù.
°³Á¤ÆÇÀÇ ÁÖ¿ä °³Á¤ ³»¿ë
1) ±â¼ú ¹ßÀü ¹× ¼³¸íÀÇ È帧¿¡ ¸Âµµ·Ï Àå/Àý ±¸¼ºÀÇ º¯°æÇß´Ù.
- CSS ½ºÅ¸ÀϽÃÆ®¸¦ ¸ÕÀú ¼³¸íÇÏ°í ÀÔ·ÂÆûÀ» 6Àå¿¡¼ ¼³¸íÇÏ¿´´Ù.
- ÀÔ·ÂÆûÀ» ¼¹ö¿¡¼ ó¸®Çϱâ À§ÇÑ PHP ÇÁ·Î±×·¡¹Ö ±â¹ýÀ» Ãß°¡Çß´Ù.
- 1.3Àý ÀÎÅͳÝÀÇ ±âº» °³³ä ¹× 3.4Àý °´Ã¼ Æ÷ÇÔÇϱ⸦ Ãß°¡Çß´Ù.
- 13Àå °í±Þ APIÀÇ ¼³¸í¿¡¼ ÃֽŠ³»¿ëÀÇ API·Î º¯°æÇÏ¿´´Ù.
2) ³»¿ëÀÇ ÀÌÇصµ¸¦ ³ôÀ̱â À§ÇÏ¿© ¼³¸íÀ» º¸¿ÏÇÏ¿´´Ù.
- ÀÚ¹Ù½ºÅ©¸³Æ® ¼³¸íÀ» ÀÌÀü 2°³ Àå¿¡¼ 8~10ÀåÀÇ 3°³·Î ´Ã·Á ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀÇ ÀÌÇØ°¡ ½±µµ·Ï ¿¹Á¦¿Í ¼³¸íÀ» ´ëÆø º¸°ÇÏ¿´´Ù.
- ³»¿ëÀÇ ÀÌÇظ¦ ´õ¿í Çâ»ó½ÃÅ°±â À§ÇÏ¿© 2Àå, 12Àå, 13ÀåÀÇ ¼³¸íÀ» Àü¸é ÀçÀÛ¼ºÇÏ¿´´Ù.
- ÀϺΠ³»¿ëÀÇ ¼³¸í ¼ø¼¸¦ º¯°æÇÏ¿´´Ù.4Àå ¹× 5Àå¿¡¼ ¡´div¡µ, ¡´span¡µ, ¹Ú½º¸ðµ¨, ¸ñ·Ï/Ç¥ ½ºÅ¸ÀÏ µîÀ» º¯°æÇÏ¿´´Ù.
- ÀϺΠ¾î·Á¿î ³»¿ëÀ» Ãà¼ÒÇÏ¿´´Ù.5Àå Å°ÇÁ·¹ÀÓ, 6Àå ¡´keygen¡µ, 11Àå ĵ¹ö½º °í±Þ ±â´É µîÀ» Ãà¼ÒÇÏ¿´´Ù.
3) ½Ç½À ¼ö¾÷ÀÌ ¿ëÀÌÇÏ°Ô ÁøÇàµÉ ¼ö ÀÖµµ·Ï º¸°ÇÏ¿´´Ù.
- °¢ ÀåÀÇ ¿¬½À¹®Á¦¿¡¼ ½Ç½À¹®Á¦¸¦ 5~6°³·Î È®ÀåÇÏ¿© 2½Ã°£ÀÇ ½Ç½À ¼ö¾÷ÀÌ ÁøÇàµÉ ¼ö ÀÖµµ·Ï ÇÏ¿´´Ù.
- ¸ðµç ¿¹Á¦´Â À¥ »çÀÌÆ®(webclass.me)¿¡¼ Á÷Á¢ ½ÇÇàÇϰųª ¼Ò½ºÄڵ带 º¼ ¼ö ÀÖµµ·Ï ÇÏ¿´´Ù(http://webclass.me). |
|
¸ñÂ÷ |
|
CHAPTER 01 ÀÎÅͳݰú À¥ ȯ°æÀÇ ¹ßÀü
1.1 ÀÎÅͳÝÀÇ ¿ª»ç
1.1.1 ÀÎÅͳÝÀÇ ¹ßÀü°úÁ¤
1.1.2 À¥ÀÇ ¹ßÀü
1.2 HTMLÀÇ ¹ßÀü
1.2.1 ¸¶Å©¾÷ ¾ð¾î ¹× HTML ¾ð¾îÀÇ ¿ª»ç
1.2.2 HTML5 ¾ð¾îÀÇ Æ¯Â¡
1.3 ÀÎÅͳÝÀÇ ±âº» °³³ä
1.3.1 Ŭ¶óÀ̾ðÆ®-¼¹ö ¸ðµ¨
1.3.2 ÀÎÅͳÝÀÇ Àü¼Û¹æ½Ä
1.3.3 ÁÖ¼Òü°è
1.4 À¥ ºê¶ó¿ìÀúÀÇ Á¾·ù
1.4.1 À¥ ºê¶ó¿ìÀúÀÇ ¼Ò°³
1.4.2 ´ëÇ¥ÀûÀÎ À¥ ºê¶ó¿ìÀúµé
¿¬½À¹®Á¦
CHAPTER 02 HTML5 ¹®¼ ±âº»
2.1 ±âº» ¹®¼ ¸¸µé±â
2.1.1 HTML ¿ä¼Ò¿Í ¼Ó¼º
2.1.2 HTML ¹®¼ÀÇ ±âº» ±¸Á¶
2.2 ´Ü¶ô°ú ÅؽºÆ® ²Ù¹Ì±â
2.2.1 ´Ü¶ôÀÇ Á¦¸ñ°ú ÁÙ
2.2.2 ´Ü¶ô ²Ù¹Ì±â
2.2.3 ´Ù¾çÇÑ ÅؽºÆ® Ç¥Çö
2.3 ¸ñ·Ï ¹× Ç¥ ÀÛ¼ºÇϱâ
2.3.1 ¸ñ·Ï ³ª¿Çϱâ
2.3.2 Ç¥ÀÇ ±âº» ±¸¼º
2.3.2 Ç¥ÀÇ ±¸Á¶Àû Ç¥Çö
2.4 ¹®¼ ±¸Á¶ÈÇϱâ
2.4.1 ¹®¼ ±¸Á¶È ¿ä¼Ò
2.4.2 ¹®¼ ±¸Á¶¿¡ ½ºÅ¸ÀϽÃÆ® Àû¿ëÇϱâ
¿¬½À¹®Á¦
CHAPTER 03 ¸µÅ©¿Í ¸ÖƼ¹Ìµð¾î
3.1 ¸µÅ© ´Þ±â
3.1.1 ÇÏÀÌÆÛÅؽºÆ®¿Í ¸µÅ©
3.1.2 ¹®¼ °£ À̵¿
3.1.3 ¹®¼ ³» ƯÁ¤ À§Ä¡·Î À̵¿
3.2 À̹ÌÁö »ç¿ëÇϱâ
3.2.1 À̹ÌÁö ÆÄÀÏ Á¾·ù
3.2.2 À̹ÌÁö »ðÀÔ
3.3 ¿Àµð¿À¿Í ºñµð¿À ´Ù·ç±â
3.3.1 Áö¿øÇÏ´Â ¿Àµð¿À/ºñµð¿À ÆÄÀÏ Çü½Ä
3.3.2 ¿Àµð¿À »ðÀÔÇϱâ
3.3.3 ºñµð¿À »ðÀÔÇϱâ
3.4 °´Ã¼ Æ÷ÇÔÇϱâ
3.4.1 |
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|