½Ç¹«¿¡¼ ÀÚÁÖ ¾²´Â 11°³ ¸ð¹ÙÀÏ À¥ ÆäÀÌÁö·Î ¹è¿ì´Â ¸ð¹ÙÀÏ À¥ ¸¸µé±â
½º¸¶Æ®ÆùÀÇ µîÀå°ú ÇÔ²² À¥ °³¹ß ȯ°æÀÌ º¯ÇÏ°í ÀÖ½À´Ï´Ù. ±âÁ¸ÀÇ PC°¡ ¾Æ´Ñ, ½º¸¶Æ®Æù¿¡ ÃÖÀûÈµÈ À¥ ÆäÀÌÁö¸¦ ¸¸µé¾î¾ß ÇÒ Çʿ伺ÀÌ »ý°å±â ¶§¹®. ÀÌ·¸°Ô ¸ð¹ÙÀÏ È¯°æ¿¡ ÃÖÀûÈµÈ À¥À» ¸ð¹ÙÀÏ À¥À̶ó°í ºÎ¸¥´Ù. ÀÌ·¯ÇÑ ¸ð¹ÙÀÏ À¥À» ¸¸µé±â À§Çؼ´Â ½º¸¶Æ®Æù°ú Åë½Å ȯ°æÀÇ ÀÌÇØ, ¸ð¹ÙÀÏ È¯°æ¿¡ ¸Â´Â ±âȹ°ú µðÀÚÀÎ, ±×¸®°í »õ·Ó°Ô µîÀåÇÑ HTML5¿Í CSS3¸¦ ÀÌÇØÇÏ´Â °ÍÀÌ ÇÊ¿äÇÏ´Ù. ¡º¾îºñÀÇ ¸ð¹ÙÀÏ À¥¡»Àº ½Ç¹«¿¡¼ ÀÚÁÖ ¾²´Â 11°³ ¸ð¹ÙÀÏ À¥ ÆäÀÌÁö¸¦ ½ÇÁ¦·Î ¸¸µé¸é¼ ´©±¸³ª ½±°Ô ½º¸¶Æ®Æù°ú ¸ð¹ÙÀÏ À¥À» ÀÌÇØÇÏ¸é¼ Ã¢Á¶ÀûÀÎ ¸ð¹ÙÀÏ À¥ ÆÛºí¸®¼Å°¡ µÉ ¼ö ÀÖµµ·Ï ÇÏ´Â Áö¸§±æÀ» ¼Ò°³ÇÑ´Ù.
Part 1 ¸ð¹ÙÀÏ À¥ ½ÃÀÛÇϱâ
1Àå | ¸ð¹ÙÀÏ À¥
¸ð¹ÙÀÏ À¥ÀÇ µîÀå
½º¸¶Æ®Æù°ú ÅÂºí¸´ PC
¸ð¹ÙÀÏ À¥ ºê¶ó¿ìÀú
Ç¥ÁØÈµÈ Åë½Å ȯ°æ
¸ð¹ÙÀÏ À¥ ±â¼ú
¸ð¹ÙÀÏ À¥ÀÇ Á¾·ù
¸ð¹ÙÀÏ À¥
À¥ ¾Û
ÇÏÀ̺긮µå ¾Û
¸ð¹ÙÀÏ À¥ÀÇ ¹Ì·¡
2Àå | ¸ð¹ÙÀÏ À¥ÀÇ Æ¯¼º ÀÌÇØÇϱâ
¸ð¹ÙÀÏ À¥¿¡ »ç¿ëµÇ´Â ±â¼ú
HTML5
CSS3
ÀÚ¹Ù½ºÅ©¸³Æ®
¸ð¹ÙÀÏ ÇÁ·¹ÀÓ¿öÅ©
jQuery Mobile
PhoneGap
¸ð¹ÙÀÏ À¥À» À§ÇÑ HTML ±âº»
¸ð¹ÙÀÏ À¥À» À§ÇÑ CSS ±âº»
¸ð¹ÙÀÏ À¥ Á¦ÀÛ ±âÃÊ
¸ð¹ÙÀÏ À¥À» À§ÇÑ HTML ¸¶Å©¾÷ ¹æ¹ý
ÇØ»óµµ
HTML5¿¡¼ »ç¿ëµÇÁö ¾ÊÀ» ű×
HTML5¿¡¼ »ç¿ëµÇÁö ¾ÊÀ» ¼Ó¼º
CSS Àû¿ë
¸ð¹ÙÀÏ À¥À» À§ÇÑ DTD
¸ð¹ÙÀÏ À¥À» À§ÇÑ CSS µðÀÚÀÎ
¸ð¹ÙÀÏ À¥À» À§ÇÑ ÅؽºÆ® Å©±â ¼³Á¤
320px, 480px, 640px ÇØ»óµµ ÃÖÀûÈ
CSS3 ¹Ìµð¾î Äõ¸®
3Àå | ¸ð¹ÙÀÏ À¥¿¡ ²À ÇÊ¿äÇÑ ±â¼ú
ÆäÀÌÁö Å©±â Á¦¾î
ºê¶ó¿ìÀú ÁÖ¼Ò ÀÔ·Ââ °¨Ãß±â
¸ð¹ÙÀÏ À¥ ¹Ù·Î°¡±â ¾ÆÀÌÄÜ
iOS »óÅ ¹Ù¿¡ »ö»ó ¼³Á¤
iOS À¥ ¾ÛÀ» À§ÇÑ ÀÎÆ®·Î È¸é ¼³Á¤
Çػ󵵿¡ µû¶ó ¸ð¹ÙÀÏ À¥ µðÀÚÀÎ º¯°æ
¸ð¹ÙÀÏ À¥ ³»ºÎ¿¡ ½ºÅ©·Ñ ¸¸µé±â
PART 2 ½ÇÀü! ¸ð¹ÙÀÏ À¥ »çÀÌÆ® ¸¸µé±â
4Àå | ¸ÞÀÎ ÆäÀÌÁö ¸¸µé±â 1
·¹À̾ƿô ±¸¼ºÇϱâ
·¹À̾ƿôÀ» À§ÇÑ HTML ¸¶Å©¾÷
·¹À̾ƿôÀ» À§ÇÑ CSS ÄÚµå
·Î°í ¸¸µé±â
header ¿µ¿ªÀ» À§ÇÑ HTML ¸¶Å©¾÷
·Î°í¸¦ À§ÇÑ HTML ¸¶Å©¾÷
·Î°í¸¦ À§ÇÑ CSS ÄÚµå
°Ë»ö ¹öÆ° ¸¸µé±â
°Ë»ö ¹öÆ°À» À§ÇÑ HTML ¸¶Å©¾÷
°Ë»ö ¹öÆ°À» À§ÇÑ CSS ÄÚµå
¼û°ÜÁø °Ë»öâ ¸¸µé±â
¼û°ÜÁø °Ë»öâÀ» À§ÇÑ HTML ¸¶Å©¾÷
¼û°ÜÁø °Ë»öâÀ» À§ÇÑ CSS ÄÚµå
¼û°ÜÁø °Ë»öâÀ» À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå
³»ºñ°ÔÀÌ¼Ç ¸Þ´º ¸¸µé±â
³»ºñ°ÔÀÌ¼Ç ¸Þ´º¸¦ À§ÇÑ HTML ¸¶Å©¾÷
³»ºñ°ÔÀÌ¼Ç ¸Þ´º¸¦ À§ÇÑ CSS ÄÚµå
5Àå | ¸ÞÀÎ ÆäÀÌÁö ¸¸µé±â 2
´º½º ¸®½ºÆ® ¸¸µé±â
ÅؽºÆ® ¸®½ºÆ®¸¦ À§ÇÑ HTML ¸¶Å©¾÷
ÅؽºÆ® ¸®½ºÆ®¸¦ À§ÇÑ CSS ÄÚµå
À̹ÌÁö ¼¶³×ÀÏÀÌ Æ÷ÇÔµÈ ¸®½ºÆ®¸¦ À§ÇÑ HTML ¸¶Å©¾÷
À̹ÌÁö ¼¶³×ÀÏÀÌ Æ÷ÇÔµÈ ¸®½ºÆ®¸¦ À§ÇÑ CSS ÄÚµå
6Àå | ¸ÞÀÎ ÆäÀÌÁö ¸¸µé±â 3
°øÁö»çÇ× ¸¸µé±â
°øÁö»çÇ×À» À§ÇÑ HTML ¸¶Å©¾÷
°øÁö»çÇ×À» À§ÇÑ CSS ÄÚµå
¹è³Ê ¸¸µé±â
¹è³Ê¸¦ À§ÇÑ HTML ¸¶Å©¾÷
¹è³Ê¸¦ À§ÇÑ CSS ÄÚµå
ǪÅÍ ¸Þ´º ¸¸µé±â
ǪÅÍ ¸Þ´º¸¦ À§ÇÑ HTML ¸¶Å©¾÷
ǪÅÍ ¸Þ´º¸¦ À§ÇÑ CSS ÄÚµå
»ó´Ü ¹Ù·Î°¡±â ¸¸µé±â
»ó´Ü ¹Ù·Î°¡±â¸¦ À§ÇÑ HTML ¸¶Å©¾÷
»ó´Ü ¹Ù·Î°¡±â¸¦ À§ÇÑ CSS ÄÚµå
7Àå | ABOUT US ÆäÀÌÁö ¸¸µé±â
¼ºê ¸Þ´º ¸¸µé±â
¼ºê ¸Þ´º¸¦ À§ÇÑ HTML ¸¶Å©¾÷
¼ºê ¸Þ´º¸¦ À§ÇÑ CSS ÄÚµå
ȸ»ç ¼Ò°³ ¸¸µé±â
ȸ»ç ¼Ò°³¸¦ À§ÇÑ HTML ¸¶Å©¾÷
ȸ»ç ¼Ò°³¸¦ À§ÇÑ CSS ÄÚµå
8Àå | OUR STORY ÆäÀÌÁö ¸¸µé±â
µ¿¿µ»ó Àç»ý ÆäÀÌÁö ¸¸µé±â
µ¿¿µ»ó Àç»ýÀ» À§ÇÑ HTML ¸¶Å©¾÷
µ¿¿µ»ó Àç»ýÀ» À§ÇÑ CSS ÄÚµå
9Àå | LOCATION ÆäÀÌÁö ¸¸µé±â
Áöµµ ÆäÀÌÁö ¸¸µé±â
Áöµµ ÆäÀÌÁö¸¦ À§ÇÑ HTML ¸¶Å©¾÷
Áöµµ ÆäÀÌÁö¸¦ À§ÇÑ CSS ÄÚµå
¿¬¶ôó ÆäÀÌÁö ¸¸µé±â
¿¬¶ôó ÆäÀÌÁö¸¦ À§ÇÑ HTML ¸¶Å©¾÷
¿¬¶ôó ÆäÀÌÁö¸¦ À§ÇÑ CSS ÄÚµå
10Àå | ±¸±Û Áöµµ ÆäÀÌÁö ¿¬°áÇϱâ
±¸±Û Áöµµ ÆäÀÌÁö ¸¸µé±â
±¸±Û Áöµµ ÆäÀÌÁö¸¦ À§ÇÑ HTML ¸¶Å©¾÷
±¸±Û Áöµµ ÆäÀÌÁö¸¦ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå
11Àå | PROJECT ÆäÀÌÁö ¸¸µé±â 1
À¯µ¿¼º ÀÖ´Â ¼¶³×ÀÏ ¸®½ºÆ® ¸¸µé±â
À¯µ¿¼ºÀÖ´Â ¼¶³×ÀÏ ¸®½ºÆ®¸¦ À§ÇÑ HTML ¸¶Å©¾÷
À¯µ¿¼ºÀÖ´Â ¼¶³×ÀÏ ¸®½ºÆ®¸¦ À§ÇÑ CSS ÄÚµå
12Àå | PROJECT ÆäÀÌÁö ¸¸µé±â 2
°¡·Î Çø®Å·°ú ÀεðÄÉÀÌÅÍ ¸¸µé±â
°¡·Î Çø®Å·°ú ÀεðÄÉÀÌÅ͸¦ À§ÇÑ HTML ¸¶Å©¾÷
°¡·Î Çø®Å·°ú ÀεðÄÉÀÌÅ͸¦ À§ÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå
°¡·Î Çø®Å·°ú ÀεðÄÉÀÌÅ͸¦ À§ÇÑ CSS ÄÚµå
13Àå | RECRUIT ÆäÀÌÁö ¸¸µé±â
ÇÏÀ§ Ç׸ñÀÌ ±¸ºÐµÇ´Â ¸®½ºÆ® ¸¸µé±â
ÇÏÀ§ Ç׸ñÀÌ ±¸ºÐµÇ´Â ¸®½ºÆ®¸¦ À§ÇÑ HTML ¸¶Å©¾÷
ÇÏÀ§ Ç׸ñÀÌ ±¸ºÐµÇ´Â ¸®½ºÆ®¸¦ À§ÇÑ CSS ÄÚµå
14Àå | REQUEST ÆäÀÌÁö ¸¸µé±â
¡¸table¡¹ ű׸¦ È°¿ëÇÑ REQUEST ÆäÀÌÁö ¸¸µé±â
REQUEST ÆäÀÌÁö¸¦ À§ÇÑ HTML ¸¶Å©¾÷
REQUEST ÆäÀÌÁö¸¦ À§ÇÑ CSS ÄÚµå
15Àå | NOTICE ÆäÀÌÁö ¸¸µé±â
°Ô½ÃÆÇ ¸®½ºÆ® ¸¸µé±â
°Ô½ÃÆÇ ¸®½ºÆ®¸¦ À§ÇÑ HTML ¸¶Å©¾÷
°Ô½ÃÆÇ ¸®½ºÆ®¸¦ À§ÇÑ CSS ÄÚµå
ÆäÀÌÁö ¹øÈ£ ¸¸µé±â
ÆäÀÌÁö ¹øÈ£¸¦ À§ÇÑ HTML ¸¶Å©¾÷
ÆäÀÌÁö ¹øÈ£¸¦ À§ÇÑ CSS ÄÚµå
16Àå | °Ô½ÃÆÇ º»¹® ÆäÀÌÁö ¸¸µé±â
°Ô½ÃÆÇ º»¹® ¸¸µé±â
°Ô½ÃÆÇ º»¹®À» À§ÇÑ HTML ¸¶Å©¾÷
°Ô½ÃÆÇ º»¹®À» À§ÇÑ CSS ÄÚµå
PART 3 ¸ð¹ÙÀÏ À¥Ç¥ÁØ È®ÀÎÇϱâ
17Àå | ¸¶¹«¸®¿¡ ÇÊ¿äÇÑ ÀÛ¾÷
CSS Äڵ带 ÆÄÀÏ·Î ¸¸µé±â
¸ð¹ÙÀÏ À¥Ç¥ÁØ °Ë»ç
ÀÚµ¿À¸·Î m.µµ¸ÞÀÎ.com¿¡ Á¢¼ÓÇϱâ
¸ð¹ÙÀÏ À¥ ÆäÀÌÁö Å×½ºÆ®
User Agent Switcher
iBBDemo2
»çÆĸ® ºê¶ó¿ìÀú¸¦ ÀÌ¿ëÇÑ Å×½ºÆ®
¾ÆÀÌÆù/¾ÆÀÌÆеå Å×½ºÆ®
ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÑ Å×½ºÆ®
Appendix 1 ½Ç¹«¸¦ À§ÇÑ µå¸²À§¹ö ȯ°æ ¼³Á¤Çϱâ
Appendix 2 IE Tester·Î À¥ ÆäÀÌÁö È®ÀÎÇϱâ
Appendix 3 Firebug·Î À¥ ÆäÀÌÁö ¼öÁ¤Çϱâ
Appendix 4 Web Developer·Î À¥ Á¢±Ù¼º È®ÀÎÇϱâ
Appendix 5 ¸ð¹ÙÀÏ À¥°ú ¾Û µðÀÚÀÎ Tip & Tech
Appendix 6 ¿¹Á¦ ÄÚµå ¼Ò°³
ã¾Æº¸±â