|
|
|
|
|
|
|
¸ñÂ÷ |
|
PART01 À¥ ÇÁ·Î±×·¡¹Ö°ú HTML5
Chapter01 À¥ ÇÁ·Î±×·¡¹ÖÀÇ ÀÌÇØ
1.1 À¥ ¼ºñ½ºÀÇ ÀÌÇØ
1.2 À¥ÀÇ ±¸¼º¿ä¼Ò
1.2.1 ÀÎÅÍ³Ý ¿¬°á ÇÁ·ÎÅäÄÝ(TCP/IP)
1.2.2 Ŭ¶óÀ̾ðÆ®/¼¹ö ¼ºñ½º ¸ðµ¨
1.2.3 À¥ ¼¹ö¿Í À¥ ºê¶ó¿ìÀú
1.2.4 À¥ ¹®¼ ÀÛ¼º ¾ð¾î
1.2.5 µ¿Àû À¥ ¹®¼¿Í À¥ ÇÁ·Î±×·¡¹Ö ¾ð¾î
1.2.6 ÀÎÅÍ³Ý ÇÁ·ÎÅäÄÝ°ú URL
1.3 À¥ ¹®¼ÀÇ ÀÛ¼º ¼öÁØ
1.4 À¥ ½Ç½Àȯ°æ ±¸Ãà
1.4.1 ¾ÆÆÄÄ¡ À¥ ¼¹öÀÇ ±âº» µð·ºÅ͸® ¹× ±âº» ¹®¼¸í
1.4.2 ½Ç½À À¥ »çÀÌÆ®ÀÇ À¥ ÁÖ¼Ò
Chapter02 HTML5 ±âº» ¹®¼ ÀÛ¼º
2.1 HTML5 °³¿ä
2.2 HTML ¹®¼ ±¸Á¶¿Í Ư¼º
2.2.1 HTML ¿ä¼ÒÀÇ Ç¥Çö
2.2.2 ¿µ¹®´ë¼Ò¹®ÀÚ, ¿©¹é¹®ÀÚ¿Í ¿£ÅÍÅ°
2.2.3 ¿£Æ¼Æ¼ ¹× Ư¼ö¹®ÀÚÀÇ ÀÔ·Â
2.2.4 HTML ¹®¼ ±¸Á¶
2.3 HTMLÀÇ ±âº» ¿ä¼Òµé
2.3.1 ÅؽºÆ®¿Í ¹®´Ü Ç¥½Ã
2.3.2 ¸®½ºÆ® Ç¥½Ã
2.3.3 Ç¥ ÀÛ¼º
2.4 ¸ÖƼ¹Ìµð¾î Ç¥Çö
2.4.1 À̹ÌÁö Ç¥Çö
2.4.2 ¿Àµð¿À¿Í ºñµð¿À Ç¥Çö
2.5 ÇÏÀÌÆÛ¸µÅ©¿Í ¹®¼ ¿¬°á
2.6 ¿ÜºÎ ÆÄÀÏ Ç¥Çö
2.6.1 [iframe] ¿ä¼Ò
2.6.2 [object], [embed] ¿ä¼Ò
Chapter03 HTML5 °í±Þ ¹®¼ ÀÛ¼º
3.1 HTML ¹®¼ ±¸Á¶¿Í ÀÇ¹Ì Ç¥Çö
3.2 HTML ¿ä¼ÒÀÇ Ç¥½Ã °ø°£
3.3 HTML ÀԷ¾ç½Ä
3.3.1 ÀԷ¾ç½Ä : [form] ¿ä¼Ò
3.3.2 ÀÔ·Â Ç׸ñ Ç¥½Ã ¿ä¼Òµé
3.3.3 [input]ÀÇ °í±Þ ÀÔ·Â Çü½Ä
3.3.4 HTML5¿¡¼ Ãß°¡µÈ [input]ÀÇ ¼Ó¼ºµé
3.4 ¸ÞŸµ¥ÀÌÅÍ °ü·Ã ¿ä¼Òµé
PART02 CSS3 ½ºÅ¸ÀϽÃÆ®
Chapter04 CSS3 ½ºÅ¸ÀϽÃÆ® ±âº»
4.1 CSS3 ½ºÅ¸ÀϽÃÆ® °³¿ä
4.2 CSS3 ½ºÅ¸ÀϽÃÆ® ÀÛ¼º ¹æ¹ý
4.2.1 CSS3 ½ºÅ¸ÀϽÃÆ®ÀÇ ³»ºÎ ¼±¾ð
4.2.2 CSS3 ½ºÅ¸ÀϽÃÆ®ÀÇ ¿ÜºÎ ¼±¾ð
4.2.3 CSS3 ½ºÅ¸ÀϽÃÆ®ÀÇ ÀζóÀÎ ¼±¾ð
4.3 CSS3 ¼±ÅÃÀÚ
4.3.1 ÅÂ±× ¼±ÅÃÀÚ
4.3.2 ¾ÆÀ̵𠼱ÅÃÀÚ
4.3.3 Ŭ·¡½º ¼±ÅÃÀÚ
4.3.4 °¡»ó Ŭ·¡½º¿Í °¡»ó ¿ä¼Ò ¼±ÅÃÀÚ
4.3.5 Àüü ¼±ÅÃÀÚ
4.3.6 ´ÙÁß ¼±ÅÃÀÚ
4.3.7 ÀÚ½Ä ¼±ÅÃÀÚ¿Í ÈÄ¼Õ ¼±ÅÃÀÚ
4.3.8 ¼Ó¼º ¼±ÅÃÀÚ
4.3.9 ¼±ÅÃÀÚ Áߺ¹ÀÇ Àû¿ë ¿ì¼±¼øÀ§
4.4 CSS3ÀÇ ±âº» ¼Ó¼º
4.4.1 ¼Ó¼º°ªÀÇ Ç¥Çö°ú ´ÜÀ§
4.4.2 CSS3ÀÇ ±âº» ¼Ó¼ºµé
Chapter05 CSS3 °í±Þ È°¿ë
5.1 CSS3ÀÇ ¹Ú½º¸ðµ¨
5.1.1 CSS3 ¹Ú½º¸ðµ¨
5.1.2 CSS3 ¹Ú½º À¯Çü
5.2 ·¹À̾ƿô °ü·Ã ¼Ó¼ºµé
5.2.1 ¹Ú½º À¯Çü º¯°æ : display ¼Ó¼º
5.2.2 ¹Ú½ºÀÇ À§Ä¡ ÁöÁ¤ : position°ú top, left, right, bottom ¼Ó¼º
5.2.3 Ç÷ÎÆùڽº : float, clear ¼Ó¼º
5.2.4 ¹Ú½º Ç¥½Ã °ü·Ã ¼Ó¼ºµé
5.3 CSS3ÀÇ °í±Þ ±â´Éµé
5.3.1 ¹Ú½ºÀÇ ¶ó¿îµù È¿°ú : border-radius ¼Ó¼º
5.3.2 ±×¸²ÀÚ È¿°ú : box-shadow/text-shadow ¼Ó¼º
5.3.3 ¹Ú½ºÀÇ Àüȯ°ú º¯È¯ È¿°ú : transition, transform ¼Ó¼º
5.3.4 ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú : @keyframes
5.3.5 ±×·¹µð¾ðÆ® È¿°ú
5.4 CSS3 ÀÀ¿ë : À¥ ÆäÀÌÁö ·¹À̾ƿô ±¸¼º
5.4.1 À¥ ÆäÀÌÁöÀÇ ±¸¼º
5.4.2 ½Ç½À : À¥ ÆäÀÌÁö ·¹À̾ƿôÀÇ ´Ü°èÀû ±¸¼º
PART03 ÀÚ¹Ù½ºÅ©¸³Æ®
Chapter06 ÀÚ¹Ù½ºÅ©¸³Æ® ±âº»
6.1 ÀÚ¹Ù½ºÅ©¸³Æ® °³¿ä
6.1.1 ÀÚ¹Ù½ºÅ©¸³Æ®¶õ?
6.1.2 ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµåÀÇ ÀÛ¼º ¹æ¹ý
6.1.3 ÀÚ¹Ù½ºÅ©¸³Æ® ½Ç½Àȯ°æ
6.2 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº» ¹®¹ý
6.2.1 ÁÖ¿ä ±¸¼º¿ä¼Ò
6.2.2 ÀÚ·áÇü
6.2.3 À̺¥Æ® ¼Ó¼º
6.2.4 ÀÔ·Â ÇÔ¼ö
6.2.5 Á¦¾î¹®
6.2.6 ¹è¿
6.3 ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼ö
6.3.1 ÇÔ¼ö Á¤ÀÇ¿Í »ç¿ë
6.3.2 ÀÚ¹Ù½ºÅ©¸³Æ® ÇÔ¼öÀÇ Æ¯¼º
Chapter07 ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼¿Í ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨
7.1 ÀÚ¹Ù½ºÅ©¸³Æ® °´Ã¼
7.1.1 °´Ã¼ÀÇ °³³ä
7.1.2 °´Ã¼ÀÇ »ý¼º°ú »ç¿ë
7.1.3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ³»Àå °´Ã¼
7.2 ºê¶ó¿ìÀú °´Ã¼ ¸ðµ¨
7.2.1 window °´Ã¼
7.2.2 location, history °´Ã¼
7.2.3 navigator, screen °´Ã¼
Chapter08 HTML DOM°ú µ¿Àû¹®¼ ÀÛ¼º
8.1 HTML ¹®¼ °´Ã¼ ¸ðµ¨
8.2 DOMÀ» ÀÌ¿ëÇÑ HTML ¹®¼ ó¸®
8.2.1 DOMÀ» ÀÌ¿ëÇÑ HTML ¿ä¼Ò Á¢±Ù
8.2.2 DOMÀ» ÀÌ¿ëÇÑ HTML ¹®¼ ÀÛ¼º
8.2.3 DOM °´Ã¼ÀÇ ´Ù¾çÇÑ Á¢±Ù ¹æ¹ý
8.3 HTML ÀԷ¾ç½ÄÀÇ µ¥ÀÌÅÍ Ã³¸®
8.3.1 ÅؽºÆ®ÇʵåÀÇ ÀԷ ó¸®
8.3.2 ¶óµð¿À¹öÆ°°ú üũ¹Ú½º ÀԷ ó¸®
8.3.3 ÄÞº¸¹Ú½ºÀÇ ÀԷ ó¸®
8.4 À̺¥Æ® ó¸®
8.4.1 À̺¥Æ® ¸ðµ¨
8.4.2 À̺¥Æ® °´Ã¼
8.4.3 ¸¹ÀÌ »ç¿ëµÇ´Â À̺¥Æ® ó¸®
PART04 jQuery¿Í HTML5 API
Chapter09 jQuery
9.1 jQuery °³¿ä
9.1.1 jQueryÀÇ ÀÌ¿ë ¹æ¹ý
9.1.2 jQueryÀÇ ¸í·É Çü½Ä
9.2 jQueryÀÇ À̺¥Æ® ó¸®
9.2.1 on(), off() ÀÛ¾÷ÇÔ¼ö¸¦ ÀÌ¿ëÇÑ À̺¥Æ® ó¸®
9.2.2 jQueryÀÇ À̺¥Æ®º° ÀÛ¾÷ÇÔ¼ö
9.3 jQuery¸¦ ÀÌ¿ëÇÑ µ¿Àû ¹®¼ ÀÛ¼º
9.3.1 HTML ¿ä¼Ò³»¿ë º¯°æ
9.3.2 HTML ¿ä¼ÒÀÇ ¼Ó¼º º¯°æ
9.3.3 HTML ¿ä¼ÒÀÇ ½ºÅ¸ÀÏ º¯°æ
9.3.4 HTML ¿ä¼ÒÀÇ Ãß°¡, »èÁ¦
9.3.5 jQueryÀÇ ½Ã°¢ È¿°ú
9.4 jQuery Ç÷¯±×ÀÎ È°¿ë
Chapter10 HTML5 ĵ¹ö½º ±×·¡ÇÈ
10.1 [canvas] ¿ä¼Ò¿Í ĵ¹ö½º API
10.2 ĵ¹ö½º ±×¸®±â
10.2.1 ¶óÀΰæ·Î ±×¸®±â
10.2.2 ´ÝÈù µµÇü ±×¸®±â
10.2.2 ´ÝÈù µµÇü ±×¸®±â
10.2.3 À̹ÌÁö¸¦ ÀÌ¿ëÇÑ ±×¸®±â
10.2.4 ÅؽºÆ® ±×¸®±â
10.2.5 ĵ¹ö½º¸¦ ÀÌ¿ëÇÑ ±×¸² º¯È¯Çϱâ
10.2.6 ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú ³ªÅ¸³»±â
10.2.7 ¸¶¿ì½º·Î ±×¸®±â
10.3 ĵ¹ö½º ±×¸®±â ½Ç½À : ¾Æ³¯·Î±× ½Ã°è ±×¸®±â
10.4 SVG º¤ÅÍ ±×·¡ÇÈ
Chapter11 ÀÚ¹Ù½ºÅ©¸³Æ® API È°¿ë
11.1 ÀÚ¹Ù½ºÅ©¸³Æ® API °³¿ä
11.1.1 ÀÚ¹Ù½ºÅ©¸³Æ® APIµéÀÇ ÀÌ¿ë ¹æ¹ý
11.1.2 ÀÚ¹Ù½ºÅ©¸³Æ® APIÀÇ Á¾·ù
11.2 À¥ ½ºÅ丮Áö
11.2.1 ·ÎÄà ½ºÅ丮Áö
11.2.2 ¼¼¼Ç ½ºÅ丮Áö
11.3 ¿ÀÇÁ¶óÀÎ ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã
11.4 µå·¡±× ¾Ø µå·Ó
11.5 ÆÄÀÏ API
11.6 À¥ ¿öÄ¿
11.7 Áö¿À·ÎÄÉÀÌ¼Ç API
11.7.1 ÀÏȸ¼º À§Ä¡ Á¤º¸ ó¸®
11.7.2 ¹Ýº¹Àû À§Ä¡ Á¤º¸ ó¸® |
|
|
|
ÀúÀÚ
|
|
Á¶µ¿¿µ
1986. 02 °í·Á´ëÇб³ ¼öÇб³À°Çаú Á¹¾÷ 1988. 02 °í·Á´ëÇб³ ¼öÇаú ÀÌÇм®»ç(Àü»êÇÐ) 1992. 02 °í·Á´ëÇб³ ¼öÇаú ÀÌÇйڻç(Àü»êÇÐ) 2010. 08 ~ 2011. 07 SUNY(at Albany) ÄÄÇ»ÅÍ°úÇаú ¹æ¹®±³¼ö 1993. 02 ~ ÇöÀç ÀüÁÖ´ëÇб³ ÄÄÇ»ÅÍ°øÇаú ±³¼ö
|
|
|
Á¶µ¿¿µ
|
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|