|
|
|
The Modern Web : À¥ÀÇ ¹Ì·¡¸¦ Ã¥ÀÓÁö´Â ¸ÖƼÇ÷§Æû ¹ÝÀÀÇü À¥ ÇÁ·Î±×·¡¹Ö
|
|
|
¿¡ÀÌÄÜ À¥ ÇÁ·ÎÆä¼Å³Î ½Ã¸®Áî1
¤Ó ÇÇÅÍ °³½ºÅë(Peter Gasston), È«¿µÇ¥
¤Ó
¿¡ÀÌÄÜÃâÆÇ
¤Ó
The Modern Web
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
ÀÌ Ã¥Àº ´Ù¾çÇÑ ±â±â, Ç÷§Æû, ºê¶ó¿ìÀú ȯ°æ ÇÏ¿¡¼ »ç¿ëÀÚ Áß½ÉÀÇ ¹ÝÀÀÇü À¥ °³¹ß¿¡ ÇÊ¿äÇÑ ÇÙ½É ±â¼ú ¿ä¼Ò¸¦ ÇÑ ±ÇÀÇ Ã¥¿¡ Àϸñ¿ä¿¬ÇÏ°Ô ´ã¾Æ ³Â´Ù. HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ ´Ù¾çÇÑ ¿¹Á¦ºÎÅÍ À̹ÌÁö¿Í ±×·¡ÇÈ, ¸ÖƼ¹Ìµð¾î 󸮱îÁö Æø³Ð°í ÀÚ¼¼È÷ ¼³¸íµÅ ÀÖ´Ù.
-
-
¡Ú ¿ä¾à ¡Ú
´Ù¾çÇÑ ±â±â, Ç÷§Æû, ºê¶ó¿ìÀú ȯ°æ ÇÏ¿¡¼ »ç¿ëÀÚ Áß½ÉÀÇ ¹ÝÀÀÇü À¥ °³¹ß¿¡ ÇÊ¿äÇÑ ÇÙ½É ±â¼ú ¿ä¼Ò¸¦ ÇÑ ±ÇÀÇ Ã¥¿¡ Àϸñ¿ä¿¬ÇÏ°Ô ´ã¾Æ ³Â´Ù. HTML5, CSS3, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ È°¿ëÇÑ ´Ù¾çÇÑ ¿¹Á¦ºÎÅÍ À̹ÌÁö¿Í ±×·¡ÇÈ, ¸ÖƼ¹Ìµð¾î 󸮱îÁö Æø³Ð°í ÀÚ¼¼È÷ ¼³¸íµÅ ÀÖ´Ù. ¶ÇÇÑ ÀÌ Ã¥¿¡ ¼ö·ÏµÈ dzºÎÇÑ Âü°í ÀÚ·á´Â À¥ °³¹ß¿¡ ÇÊ¿äÇÑ ÀÔüÀûÀÎ Áö½Ä°ú ½Ä°ßÀ» ¾ò±â¿¡ ÃæºÐÇÏ´Ù. º¹ÀâÇÑ À¥ Ç÷§Æû¿¡¼ ÃÖÀûÀÇ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÏ´Â À¥ ÇÁ·Î±×·¡¹ÖÀ» ¸ñÇ¥·Î ÇÑ´Ù¸é ÀÌ Ã¥¿¡¼ ¼³¸íÇÑ ³»¿ëÀ» ¹Ýµå½Ã »ìÆ캸±â ¹Ù¶õ´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á ´Ù¾çÇÑ ±â±â¿¡¼ ÄÜÅÙÃ÷¸¦ ¾Ë¸Â°Ô Ç¥½ÃÇÏ´Â ¹æ¹ý
¡á Áö¿À·ÎÄÉÀ̼Ç(Geolocation), ¹æÇâ Àüȯ(Orientation), À¥½ºÅ丮Áö(Web Storage)¸¦ ºñ·ÔÇÑ ÃֽŠAPI¸¦ »ç¿ëÇØ ±â±â¿Í »óÈ£ ÀÛ¿ëÇϵµ·Ï À¥»çÀÌÆ®¸¦ µðÀÚÀÎÇÏ´Â ¹æ¹ý
¡á ¼º°¡½Å Ç÷¯±×ÀÎÀ» »ç¿ëÇÏÁö ¾Ê°í Å©·Î½º Ç÷§Æû¿Àµð¿À¿Í ºñµð¿À¸¦ ÅëÇÕÇÏ´Â ¹æ¹ý
¡á SVG·Î °íÇØ»óµµ ±â±â¿¡¼ À̹ÌÁö¿Í ±×·¡ÇÈÀ» È®Àå °¡´ÉÇÏ°Ô ¸¸µå´Â ¹æ¹ý
¡á °·ÂÇÑ HTML5 ¿ä¼Ò¸¦ »ç¿ëÇØ ´õ ³ªÀº À¥»çÀÌÆ®¸¦ µðÀÚÀÎÇÏ´Â ¹æ¹ý
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
ÀÌ Ã¥¿¡¼ ¼³¸íÇÏÁö ¾ÊÀ» ³»¿ëÀ» ¼ÖÁ÷È÷ ¸»ÇÏ´Â °Í¿¡¼ºÎÅÍ ½ÃÀÛÇÏ°Ú´Ù. Ç÷§Æû¸¶´ÙÀÇ ¿ì¼ö¼ºÀ» ¸ñÇ¥·Î ÇÑ µðÀÚÀÎ ¹æ¹ýÀº ÀÌ Ã¥¿¡¼ ´Ù·çÁö ¾Ê´Â´Ù. ³»°¡ Àß ¸ð¸£´Â °ÍÀ» °¡¸£Ä¥ ¼ö´Â ¾ø±â ¶§¹®ÀÌ´Ù. ³»°¡ µðÀÚÀ̳ʰ¡ ¾Æ´Ñ °³¹ßÀÚ°¡ µÈ µ¥´Â ÀÌÀ¯°¡ ÀÖ´Ù. ³»°¡ Æ÷Åä¼¥ ÀÛ¾÷À» ÇÏ¸é ¸¶Ä¡ ±ÇÅõ ±Û·Îºê¸¦ ³¤ µÐÇÑ ¼ÕÀ¸·Î ¸¶¿ì½º¸¦ ¿òÁ÷¿© ¸¸µç °Íó·³ º¸ÀÌ´Â °á°ú¹°ÀÌ ³ª¿À±â ¶§¹®ÀÌ´Ù.
ÀÌ Ã¥¿¡¼ ¼³¸íÇÒ ³»¿ëÀº ´ÙÁß ±â±â¿¡¼ ÀÛµ¿Çϰųª ¸ñÇ¥·Î »ï´Â ´ÜÀÏ ±â±â Á¾·ù¿¡ ¸ÂÃá »çÀÌÆ®¸¦ ±¸ÃàÇÒ ¼ö ÀÖ´Â ÃֽŠÄÚµù ¹æ¹ý°ú ±â¼úÀÌ´Ù(±â¼ú ÀÚü´Â ¸ðµÎ 1Àå¿¡¼ ¼³¸íÇϹǷΠ¿©±â¼ ¼¼ºÎ³»¿ëÀ» ´Ù·çÁö´Â ¾Ê°Ú´Ù).
´ÙÀ½°ú °°ÀÌ ¸Å¿ì Áß¿äÇÑ µÎ °¡Áö »çÇ×À» À¯³äÇϸç ÀÌ Ã¥À» Àоî¾ß ÇÑ´Ù.
¡á À¥ °³¹ß ±â¼úÀÇ ¹üÀ§´Â ¸Å¿ì ¹æ´ëÇؼ ÀÌ Ã¥ ÇÑ ±Ç¿¡¼ ¸ðµÎ¸¦ ´Ù·ê ¼ö´Â ¾ø´Ù. µû¶ó¼ ÀÌ Ã¥¿¡¼´Â ´Ù¾çÇÑ ±â±â¿¡ °ÉÃÄ À¥ ÇÁ·ÎÁ§Æ®¸¦ ±¸ÃàÇÒ ¶§ ÇÊ¿äÇÏ´Ù°í ¿©°ÜÁö´Â ÇÙ½É ±â¹ýÀ̳ª ±â¼úÀ» À§ÁÖ·Î ´Ù·ç¾ú´Ù.
¡á ÀÌ Ã¥¿¡ ÀÖ´Â ³»¿ëÀÌ ¸ðµÎ Æø³Ð°Ô Àû¿ëµÉ ¼ö ÀÖ´Â °ÍÀº ¾Æ´Ï´Ù. Àû¾îµµ ÀÌ Ã¥¿¡¼ ¼³¸íÇÏ´Â À¯ÇüÀº ±×·¸Áö ¾Ê´Ù. À¥Àº Áö¼ÓÀûÀ¸·Î ¹ß´ÞÇÏ°í ÀÖ°í, Ã¥ ÃâÆÇÀ̶õ ƯÁ¤ÇÑ ÇÑ ¼ø°£À» ÇϳªÀÇ ½º³À¼¦À¸·Î ´ã´Â´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù. ¸î °¡Áö´Â º¯ÈÇÒ °ÍÀÌ°í, ¸î °¡Áö´Â ¼èÅðÇÏ¿© »ç¶óÁú °ÍÀÌ´Ù. ½Ã°£ÀÌ Èê·¯µµ ºñ±³Àû ³»¿ëÀÌ À¯È¿ÇÑ Ã¥À» ¸¸µé±â À§ÇØ, º¥´õ Àü¿ë ±â¼úº¸´Ù´Â °ø°³ Ç¥ÁØÀ» ±â¹ÝÀ¸·Î ÇÑ ±â¼ú°ú ºê¶ó¿ìÀú¿¡¼ ÀÌ¹Ì ¾î´À Á¤µµ ±¸ÇöµÈ ±â¼ú¸¸À» Ã¥¿¡¼ ´Ù·ð´Ù.
À¥ °³¹ßÀÚ¶ó¸é ´ÙÀ½°ú °°Àº ŵµ¸¦ º¸¿©¾ß ÇÑ´Ù. Áö¼ÓÀûÀ¸·Î Á¤º¸¸¦ ¾ò¾î¶ó. À¥ Ç¥ÁØ °³¹ß¿¡ ÀÖ¾î ÃֽŠ»óŸ¦ À¯ÁöÇ϶ó. È£±â½É°ú ÇÔ²² Áñ±â¸é¼ À̵éÀ» °¡Àå Áß¿ä½ÃÇ϶ó. ¿©·¯ºÐÀº Áö½Ä °øÀ¯¸¦ ±â¹ÝÀ¸·Î ÇÑ »ê¾÷ºÐ¾ß¿¡¼ ÀÛ¾÷ÇÒ Á¤µµ·Î ¿îÀÌ ÁÁÀº »ç¶÷µéÀÌ´Ù. ÀÌ Ã¥¿¡¼ ¾ð±ÞµÇ´Â Àι°µé°ú À¥ »çÀÌÆ®¸¦ ã¾Æº¸°í ½º½º·Î ÀÚ¿øÀ» ±¸ÇÏ°í Æ®À§ÅÍ¿¡µµ °¡ÀÔÇÏ°í À¥ °³¹ßÀÚ Ä¿¹Â´ÏƼ Áö¿ª ¸ðÀÓ¿¡ Âü¼®Çغ¸¶ó. À¥ °³¹ß ÀÛ¾÷À» ÇÒ ¶§¸¸Å ÈïºÐµÇ´Â ½Ã°£µµ ¾øÁö¸¸, Ãß°¡ÀûÀ¸·Î ´Ù¸¥ È°µ¿¿¡µµ Âü¿©Çؼ À̸¦ ÁøÁ¤À¸·Î ÀÌ¿ëÇÒ ÇÊ¿ä°¡ ÀÖ´Ù.
¹«¾ùº¸´Ùµµ ±¸ÃàÇÏ°íÀÚ ÇÏ´Â ´ë»ó¿¡ ´ëÇØ °¡Àå ÈǸ¢ÇÑ ±¸»ó¹æ¹ýÀ» »ý°¢Ç϶ó. À¥ »çÀÌÆ®¸¦ ±¸ÃàÇÏ·Á ÇÑ´Ù¸é ¡®À¥°ú ¸ð¹ÙÀÏÀ» À§ÇÑ »çÀÌÆ® ±¸Ã࡯¸¸À» »ý°¢ÇÏÁö ¸»°í ¾îµð¿¡¼³ª ÀÛµ¿ÇÒ ¼ö ÀÖ´Â »çÀÌÆ® ±¸ÃàÀ» »ý°¢Ç϶ó. »ç¿ëÀÚ°¡ »çÀÌÆ®¸¦ »ç¿ëÇÏ´Â ¹æ½Ä, »çÀÌÆ®·ÎºÎÅÍ ¿øÇÏ´Â Á¤º¸, ±×¸®°í Áö±Ý ´ç...ÀåÀº ¾Æ´Ï´õ¶óµµ ¹Ì·¡¿¡ °³¹ßÀڷμ ±×µéÀÇ ¸ñÇ¥¸¦ ÃæÁ·½Ãų ¼ö ÀÖµµ·Ï ¼öÇàÇØ¾ß ÇÏ´Â ÀÛ¾÷À» »ý°¢ÇØ¾ß ÇÑ´Ù. Áö³ 5³â°£ À¥Àº Å©°Ô º¯ÈÇØ¿Ô´Ù. ´ÙÀ½ 5³â ÈÄ À¥ÀÌ ¾î¶»°Ô µÉÁö ´©°¡ Àå´ãÇÒ ¼ö Àְڴ°¡?
¡Ú ÃßõÀÇ ±Û ¡Ú
ÀÌ Ã¥¿¡´Â À¯¿ëÇÏ°í Áß¿äÇÑ Á¤º¸°¡ °¡µæÇÏ´Ù. ÀÌ Ã¥ÀÇ ³»¿ëÀ» ¼÷ÁöÇÑ ´ÙÀ½ ´Ù¾çÇÑ ±â±â¿Í ¸ðµç ºê¶ó¿ìÀú¿¡¼ Å×½ºÆ® Ç϶ó. ±×·¯¸é ¿©·¯ºÐÀÇ »ó»ç¿¡°Ô ÀÎÁ¤¹ÞÀ» ¼ö ÀÖÀ¸¸ç »ç¿ëÀÚ¿¡°Ô Áñ°Å¿òÀ» ÁÙ ¼ö ÀÖ´Ù. ¶ÇÇÑ ´õ ³ªÀº À¥À» ¸¸µé°í °³¹æ¼ºÀ» °è¼Ó À¯ÁöÇÒ ¼ö ÀÖ´Ù.
-ºê·ç½º ·Î½¼(Bruce Lawson) / ¡ºHTML5 ù°ÉÀ½¡»ÀÇ ÀúÀÚ
ÀÌ Ã¥ ¿ª½ÃCSS¿¡ °üÇÑ ÀúÀÚÀÇ Àú¼ ¡ºThe Book of CSS3¡»¿Í ¸¶Âù°¡Áö·Î ¸ð´ø À¥ Ç÷§Æû¿¡ ÇÊ¿äÇÑ ³»¿ëÀ» Àß ´ã¾Æ ³Â´Ù. ´Ù¾çÇÑ ±â¼ú ¼öÁØÀÇ À¥ °³¹ßÀڵ鿡°Ô ½ÇÁúÀûÀ¸·Î °¡Àå ÇÊ¿äÇÑ Á¤º¸°¡ °£°áÇÏ°Ô ±â¼úµÅ ÀÖ´Ù.
-½ºÆ¼ºì ÇìÀÌ(Stephen Hay) / ¡ºResponsive Design Workflow¡»ÀÇ ÀúÀÚ
ÀúÀÚ´Â ¸ÚÁø ½ÇÀü ÄÚµå ÀÛ¼º°ú À¥ ±â¼ú¿¡¼ ÃÖ»óÀÇ ÃֽŠ°³¹ßÀ¯Áö »çÀÌÀÇ ±ÕÇüÀ» Àß Àâ°í ÀÖ´Ù. ¶ÇÇÑ ¾î·Á¿î ±â¼ú ÁÖÁ¦¸¦ ¸íÄèÇÏ°í Àç¹ÌÀÖ°Ô ¼³¸íÇϴ Ÿ°í³ Àç´ÉÀÌ ÀÖ´Ù.
-Å©¸®½º ¹Ð½º(Chris Mills) / ¿ÀÆä¶ó ¼ÒÇÁÆ®¿þ¾îÀÇ °³¹ßÀÚ ´ã´ç ¸Å´ÏÀú °â ¡ºPractical CSS3¡»ÀÇ ÀúÀÚ
-
-
1Àå À¥ Ç÷§Æû
1.1 ¿ë¾î¿¡ ´ëÇÑ Âü°í»çÇ×
1.2 ´ë»ó µ¶ÀÚ¿Í ÇÊ¿ä Áö½Ä
1.3 Á¤È®ÇÑ ¿ë¾î ÀÌÇØ
1.4 ÁøÁ¤ÇÑ HTML5
___HTML5 ÅÛÇø´
___»õ·Î¿î ¸ð¹ü »ç·Ê
1.5 CSS3¿Í ±× ÀÌÈÄ
___º¥´õ Àü¿ë Á¢µÎ»ç
___CSS ÇÁ·¹ÀÓ¿öÅ©¿Í ÇÁ¸®ÇÁ·Î¼¼¼
1.6 ºê¶ó¿ìÀú Áö¿ø
1.7 Å×½ºÆ®, Å×½ºÆ®, ±×¸®°í ´õ ¸¹Àº Å×½ºÆ®
1.8 ¿ä¾à
1.9 Ãß°¡ ÀÚ·á
2Àå ±¸Á¶¿Í ½Ã¸Çƽ
2.1 HTML5ÀÇ »õ·Î¿î ¿ä¼Ò
___¿Ö ¸¸µé¾ú³ª
___HTML5 ¼½¼Å´× ¿ä¼ÒÀÇ ´ÜÁ¡
2.2 WAI-ARIA
2.3 ½Ã¸Çƽ ¸¶Å©¾÷ÀÇ Á߿伺
2.4 ¸¶ÀÌÅ©·ÎÆ÷¸Ë
2.5 RDFa
2.6 ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ
___¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ API
___¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ, ¸¶ÀÌÅ©·ÎÆ÷¸Ë, RDFa
___Schema.org
___¸®Ä¡ ½º´ÏÆê
2.7 µ¥ÀÌÅÍ ¼Ó¼º
___µ¥ÀÌÅÍ ¼Ó¼º API
___Á¦ÀÌÄõ¸®¿Í µ¥ÀÌÅÍ ¼Ó¼º
___½ÃÀå¿¡¼ÀÇ µ¥ÀÌÅÍ ¼Ó¼º
2.8 À¥ ÄÄÆ÷³ÍÆ®: ¸¶Å©¾÷ÀÇ ¹Ì·¡?
2.9 ¿ä¾à
2.10 Ãß°¡ ÀÚ·á
3Àå ±â±â ¹ÝÀÀÇü CSS
3.1 ¹Ìµð¾î Äõ¸®
___Å©±â¸¦ ±â¹ÝÀ¸·Î ÇÑ ¹Ìµð¾î ±â´É
___¹Ìµð¾î Äõ¸® °áÇÕ°ú ºÎÁ¤
___Àá±ñ Âü°í: Çȼ¿¿¡ ´ëÇÑ ¸ðµç °Í
___ȸé ÇØ»óµµ ¹Ìµð¾î Äõ¸®
___±â±â ÀûÀÀ
___ÀÔ·Â ¸ÅÄ¿´ÏÁòÀÇ ¹Ìµð¾î ±â´É
___±×¹ÛÀÇ ¹Ìµð¾î ±â´É
3.2 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ ¹Ìµð¾î... Äõ¸®
3.3 ÀûÀÀÇü À¥ µðÀÚÀΰú ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ ºñ±³
___box-sizing ÇÁ·ÎÆÛƼ
___±æÀÌ °ªÀÇ µ¿Àû °è»ê
3.4 ºäÆ÷Æ®¿¡ »ó´ëÀûÀÎ ±æÀÌ ´ÜÀ§
___·çÆ®¿¡ »ó´ëÀûÀÎ ´ÜÀ§
___¸ð¹ÙÀÏ ÆÛ½ºÆ®¿Í ÄÜÅÙÃ÷ ºÐ±âÁ¡
3.5 ¹ÝÀÀÇü µðÀÚÀΰú ´ëü °´Ã¼
___À̹ÌÁö ¹®Á¦
___HTML5 ¹ÝÀÀÇü À̹ÌÁö ÇØ°áÃ¥
3.6 ¿ä¾à
3.7 Ãß°¡ ÀÚ·á
4Àå CSS ·¹À̾ƿô¿¡ ´ëÇÑ »õ·Î¿î Á¢±Ù¹ý
4.1 ´ÙÁß ¿
___°£°Ý°ú ±ÔÄ¢
___º´ÇÕ°ú ÁٹٲÞ
4.2 À¯¿¬ÇÑ ¹Ú½º
___À¯¿¬ÇÑ ¹Ú½º¸ðµ¨ ¼±¾ð
___ÄÜÅÙÃ÷ ¼ø¼ º¯°æ
___ÄÁÅ×ÀÌ³Ê ³»ºÎ Á¤·Ä
___À¯¿¬¼º Ãß°¡
___Áٹٲްú È帧
4.3 ±×¸®µå ·¹À̾ƿô
___±×¸®µå ¼±¾ð°ú Á¤ÀÇ
___±×¸®µå ¼± ¹Ýº¹
___±×¸®µå¿¡ Ç׸ñ ¹èÄ¡
___Á¤·Ä°ú ½ºÅÃ
___±×¸®µå ·¹À̾ƿô ±¸¹®
___±×¸®µå ·¹À̾ƿô ¿ë¾î¿¡ ´ëÇØ
___±×¸®µå ÅÛÇø´
4.4 ÇâÈÄ Àü¸Á
4.5 ¿ä¾à
4.6 Ãß°¡ ÀÚ·á
5Àå ¸ð´ø ÀÚ¹Ù½ºÅ©¸³Æ®
5.1 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »õ·Î¿î ±â´É
___async¿Í defer ¼Ó¼º
___addEventListener ¸Þ¼Òµå
___DOMContentLoaded À̺¥Æ®
___ÀÔ·Â À̺¥Æ®
___ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ CSS ¼±ÅÃÀÚ
___getElementsByClassName() ¸Þ¼Òµå
___Ŭ·¡½º¿ÍÀÇ »óÈ£ÀÛ¿ë
5.2 ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®
___Á¦ÀÌÄõ¸®
___¿½³ñ
___¸ð´õ³ªÀÌÀú
___¸Ó½ºÅ¸½Ã
5.3 Æú¸®ÇÊ°ú ½É
5.4 Å×½ºÆ®¿Í µð¹ö±ë
5.5 ¿ä¾à
5.6 Ãß°¡ ÀÚ·á
6Àå ±â±â API
6.1 Áö¿À·ÎÄÉÀ̼Ç
6.2 ¹æÇâÀüȯ
6.3 Àüü ȸé
6.4 翵6.5 ¹èÅ͸® »óÅÂ
6.6 ³×Æ®¿öÅ© Á¤º¸
6.7 Ä«¸Þ¶ó¿Í ¸¶ÀÌÅ©
6.8 À¥ ½ºÅ丮Áö
6.9 µå·¡±×¾Øµå·Ó
6.10 ÆÄÀÏ ÀÛ¾÷
6.11 ¸ðÁú¶óÀÇ ÆÄÀ̾îÆø½º OS¿Í WebAPI
6.12 Æù°¸°ú ³×ÀÌƼºê ·¡ÆÛ
6.13 ¿ä¾à
6.14 Ãß°¡ ÀÚ·á
7Àå À̹ÌÁö¿Í ±×·¡ÇÈ
7.1 º¤ÅÍ¿Í ºñÆ®¸Ê ºñ±³
7.2 SVG
___SVG À̹ÌÁö ºÐ¼®
___¸µÅ©µÈ SVG ÆÄÀÏ
___³»ÀåµÈ SVG
___SVG ÇÊÅÍ
___SVG¿Í CSSÀÇ À¶ÇÕ
___SVGÀÇ ´ÜÁ¡
7.3 canvas ¿ä¼Ò
___À̹ÌÁö ó¸®
___WebGL
7.4 SVG¿Í ĵ¹ö½º ¼±Åà ½ÃÁ¡
7.5 ¿ä¾à
7.6 Ãß°¡ ÀÚ·á
8Àå »õ·Î¿î Æû
8.1 »õ·Î¿î ÀԷ ŸÀÔ
8.2 »õ·Î¿î ¼Ó¼º
___autofocus
___placeholder
___autocomplete
___spellcheck
___multiple
___form
8.3 datalist
8.4 ȸé»ó ÄÁÆ®·Ñ°ú À§Á¬
___number
___date
___color
8.5 »ç¿ëÀÚ¿¡°Ô Á¤º¸ Ç¥½ÃÇϱâ
___progress
___meter
___output
8.6 Ŭ¶óÀ̾ðÆ® Ãø Æû À¯È¿¼º °Ë»ç
8.7 Á¦¾à Á¶°Ç À¯È¿¼º °Ë»ç API
8.8 Æû°ú CSS
8.9 ¿ä¾à
8.10 Ãß°¡ ÀÚ·á
9Àå ¸ÖƼ¹Ìµð¾î
9.1 ¹Ìµð¾î ¿ä¼Ò
___video ¿ä¼ÒÀÇ Ãß°¡ ¼Ó¼º
___´ÙÁß ¼Ò½º ÆÄÀÏ
___´ëü ¹æ¾È
___ÀÚ¸·°ú ĸ¼Ç
___ÀÎÄÚµù
9.2 ¹Ìµð¾î ºÐÇÒ
9.3 ¹Ìµð¾î API
___³×Æ®¿öÅ©¿Í Áغñ »óÅÂ
___¿Àµð¿À¿Í ºñµð¿À¸¦ À§ÇÑ Ãß°¡ ÇÁ·ÎÆÛƼ
9.4 ¹Ìµð¾î À̺¥Æ®
9.5 °í±Þ ¹Ìµð¾î »óÈ£ÀÛ¿ë
___À¥ ¿Àµð¿À API
___WebRTC
9.6 ¿ä¾à
9.7 Ãß°¡ ÀÚ·á
10Àå À¥ ¾Û
10.1 À¥ ¾Û
___È£½ºÆ®Çü ¾Û°ú ÆÐÅ°ÁöÇü ¾Û
___¸Å´ÏÆ佺Ʈ ÆÄÀÏ
___W3C À§Á¬
10.2 ÇÏÀ̺긮µå ¾Û
___Æù°¸
___ƼŸ´½
10.3 TV ¾Û
10.4 ¿þºñ³ë½º
10.5 ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã
___¾Û ij½Ã ÆÄÀÏÀÇ ÄÜÅÙÃ÷
___ij½Ì ¼ø¼
___¾Û ij½Ã API
10.6 ¿ä¾à
10.7 Ãß°¡ ÀÚ·á
11Àå ÇâÈÄ Àü¸Á
11.1 À¥ ÄÄÆ÷³ÍÆ®
___ÅÛÇø´
___µ¥ÄÚ·¹ÀÌÅÍ
___Ä¿½ºÅÒ ¿ä¼Ò
___¼¨µµ DOM
___ÅëÇÕ
11.2 CSSÀÇ ¹Ì·¡
___¸®Àü
___ÀͽºÅ¬·çÀü
___¸Ó³ª¸Õ ¹Ì·¡ÀÇ ·¹À̾ƿô
___±â´É Äõ¸®
___ij½ºÄÉÀ̵ù º¯¼ö
11.3 ¿ä¾à
11.4 Ãß°¡ ÀÚ·á
ºÎ·Ï A ºê¶ó¿ìÀú Áö¿ø
ºÎ·Ï B Âü°íÀÚ·á
-
-
¡Ú ÀúÀÚ ¼¹® ¡Ú
À¥Àº Àü·Ê ¾ø´Â Çõ½ÅÀ» °Þ°í ÀÖ´Ù. ¾ó¸¶ Àü¸¸ Çصµ ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¶ó´Â ÇÑ È¸»ç°¡ À¥ ½ÃÀåÀ» Àå¾ÇÇÏ°í ÀÖ¾úÀ¸¸ç, 2003³â¿¡´Â ÀÎÅÍ³Ý ÀͽºÇ÷η¯(IE)°¡ Àü ¼¼°è ÄÄÇ»ÅÍ¿¡¼ 95%³ª »ç¿ëµÇ¾ú´Ù. ÀÌ¿Í °°Àº ½ÃÀå Àå¾ÇÀ¸·Î ÀÎÇØ °³¹ßÀÚµéÀº ¾ÈÁ¤µÈ ½ÃÀåÀ̶ó´Â ÀÌÁ¡À» ´©¸± ¼ö ÀÖ¾úÁö¸¸ ½É°¢ÇÑ ´ÜÁ¡µµ Á¸ÀçÇß´Ù. ¹Ù·Î ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®°¡ IE¿¡ ´ëÇÑ Áß¿äÄ¡ ¾ÊÀº ÀÛ¾÷À» Á¾·áÇϱâ·Î °áÁ¤ÇßÀ¸¸ç °æÀïÀÇ ºÎÁ·°ú Æó¼âÀûÀΠȯ°æÀÇ °á°ú·Î À¥ÀÇ Çõ½ÅÀÌ Á¤Ã¼µÇ¾ú´Ù´Â Á¡ÀÌ´Ù.
ÇöÀç »óȲµµ º°¹Ý ´Ù¸£Áö ¾Ê´Ù. °íÀÛ ³×´Ù¼¸ °³ÀÇ ÁÖ¿ä ºê¶ó¿ìÀú º¥´õ°¡ Á¸ÀçÇÏ°í, ºñ½ÁÇÑ ¼öÀÇ ÁÖ¿ä ¿î¿µÃ¼Á¦°¡ ÀÖÀ¸¸ç, Ç×»ó À̺¸´Ù ´õ ¸¹Àº ¾÷ü°¡ °ü¿©ÇÑ´Ù. ¾îµµºñ´Â Ç÷¡½Ã¿Í ¾Û¿¡¼ ¿ÀÇ À¥À¸·Î ÃÊÁ¡À» µ¹·ÈÀ¸¸ç »ï¼ºÀ̳ª ´ÑÅÙµµ °°Àº ±â¼ú ȸ»ç´Â ±¸±Û, ¾ÖÇÃ, ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® °°Àº ÁÖ¿ä ¾÷ü¿Í ÇÕ·ùÇÏ¿© À¥ÀÇ ¹Ì·¡¿Í ±×¸¦ À§ÇÑ ±¸Ãà ¹æ½ÄÀ» ±×·Á³ª°¡´Â µ¥ Âü¿©ÇÏ°í ÀÖ´Ù.
À¥¿¡ Á¢¼ÓÇÏ´Â ¹æ½Ä ¿ª½Ã Å©°Ô º¯Çß´Ù. ±× ¿¹·Î ±â±â¸¦ »ý°¢Çغ¸ÀÚ. À¥Àº ´õ ÀÌ»ó µ¥½ºÅ©ÅéÀ̳ª ³ëÆ®ºÏ¿¡ ±¹ÇѵÇÁö ¾Ê´Â´Ù. ½º¸¶Æ®Æù, ÅÂºí¸´, °ÔÀÓ ÄÜ¼Ö µî ¼Õ°¡¶ôÀ¸·Î ´Ù ¼¿ ¼ö ¾øÀ» ¸¸Å ÇöÁ¸ÇÏ´Â ±â±âÀÇ Á¾·ù´Â ¸Å¿ì ´Ù¾çÇÏ´Ù.
ÀÌ Ã¥Àº ÀÌ·¸µí ¾îµð¼µç À¥À» Á¢ÇÒ ¼ö ÀÖ´Â »õ·Î¿î ½Ã´ë¿¡ ÇÁ·ÐÆ®¿£µå(frontend) À¥ °³¹ß¿¡ °üÇÑ ³»¿ëÀ» ´ã°í ÀÖ´Ù. Áï ¸ÖƼ±â±â ¼¼»óÀÇ ¿¹°ß°ú ÇÔ²² ÀÏ·ù À¥ »çÀÌÆ®, ¾Û, ¶Ç´Â ¿ÀÇ À¥ ±â¼úÀ» ±â¹ÝÀ¸·Î ±¸ÃàÇÏ´Â ¹æ½Ä¿¡ ´ëÇØ ¹è¿î´Ù. ÀÌ Ã¥Àº ±×Àú ¸ð¹ÙÀÏ À¥ »çÀÌÆ®³ª ½º¸¶Æ® TV ¾ÛÀ» ¸¸µå´Â ¹æ¹ý¿¡ °üÇÑ ³»¿ëÀÌ ¾Æ´Ï¶ó, ¾îµð¿¡¼³ª ÃÖ»óÀÇ °æÇèÀ» Á¦°øÇÏ´Â »çÀÌÆ®¸¦ ±¸ÃàÇÒ ¼ö ÀÖ´Â ÇöÀç¿Í °¡±î¿î ¹Ì·¡ À¥ ±â¼úÀÇ ÃֽŠ°æÇâ¿¡ °üÇÑ ³»¿ëÀÌ´Ù.
¸Ó¸®¸» ³¡ºÎºÐ¿¡¼ ÀÌ Ã¥À» ÅëÇØ ¹è¿ï ³»¿ëÀ» ´õ ÀÚ¼¼È÷ ¼³¸íÇÏ°ÚÀ¸³ª ¿ì¼±Àº ¿À´Ã³¯ ³î¶ó¿ï Á¤µµ·Î ´Ù¾çÇÑ À¥ ±â¹Ý ±â±â¿¡ ´ëÇØ ¾ð±ÞÇÏ°íÀÚ ÇÑ´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
¡°Because the people who are crazy enough to think they can change the world, are the ones who do.¡±(ÀÚ±âµéÀÌ ¼¼»óÀ» ¹Ù²Ü ¼ö ÀÖ´Ù°í »ý°¢ÇÒ Á¤µµ·Î ¹ÌÄ£ »ç¶÷µéÀ̾߸»·Î ÁøÁ¤ ¼¼»óÀ» ¹Ù²Ù´Â »ç¶÷µéÀ̱⠶§¹®ÀÌ´Ù)
-Think Different Áß(¾ÖÇà TV ±¤°í, 1998)
À¥ ȯ°æÀº º¯Çß°í, º¯ÇÏ´Â ÁßÀ̸ç, °è¼Ó º¯ÈÇÒ °ÍÀÌ´Ù. 2007³â ¾ÆÀÌÆùÀÇ µîÀåÀ¸·Î ºñ·ÔµÈ ¸ð¹ÙÀÏ ºò¹ðÀº À¥ ȯ°æ¿¡ Å« º¯ÇõÀ» ºÒ·¯¿Ô´Ù. ¸î ÇØ Àü±îÁö¸¸ Çصµ ÀÎÅÍ³Ý ÀͽºÇ÷η¯¿Í À¥ÀÌ µ¿ÀǾîó·³ »ç¿ëµÆÁö¸¸ Å©·Ò, ÆÄÀ̾îÆø½º, ¿ÀÆä¶ó ºê¶ó¿ìÀú°¡ ´õ ÀÌ»ó ³¸¼³Áö ¾Ê°Ô µÆ´Ù. ÇÏÁö¸¸ ÀÌ·Î ÀÎÇÑ ±â±â Á¾·ù, ȸé Å©±â, »ç¿ë ±â¼ú µîÀÇ ´Ù¾çÈ´Â °³¹ßÀڵ鿡°Ô Å« µµÀüÀÌ µÇ¾ú´Ù.
ÀÌ¿Í °°Àº ¡®º¹À⼺¡¯ÀÇ ½Ã±â¿¡ ¡®´Ü¼ø¼º¡¯À» Ãß±¸Çϱâ À§ÇØ ÀÌ Ã¥ÀÌ ¾²¿©Á³´Ù. ÀÌ Ã¥ÀÇ Àǹ̴ ´Ù¾çÇÑ ÃֽŠÀ¥ ±â¼ú Æ®·»µå Áß¿¡¼ ÇÙ½É ¿ä¼Ò¿¡ ÁýÁßÇÏ°í, ÀÌ¿¡ ´ëÇÑ ÇÁ·Î±×·¡¹Ö ¹æ½Ä±îÁö »ìÆ캸´Â ÀüÇüÀûÀÎ ¡®TÀÚÇü¡¯ Ã¥ÀÌ´Ù. ÀÌ Ã¥ÀÇ Àǹ̴ ±Þº¯Çϴ ȯ°æ¿¡¼ ¹æÇâÀ» Á¦½ÃÇÏ´Â ¹èÀÇ ¡®¹æÇâÅ°¡¯¿Í °°Àº Á¸Àç¶ó´Â µ¥ ÀÖ´Ù. ÀÌ Ã¥À» ÅëÇØ ¹Ì·¡ À¥¿¡ ´ëÇÑ Àü¸Á°ú ÇÔ²² ÇÁ·Î±×·¡¹Ö ¹æ¹ý¿¡ ´ëÇÑ Çý¾È(insight)À» µ¿½Ã¿¡ ¾òÀ» ¼ö ÀÖ´Ù.
ÀÌ Ã¥Àº À¥ Æ®·»µåÀÇ Àü¹ÝÀûÀÎ ÇöȲ°ú À¥ Ç÷§ÆûÀÇ ÁÖ¿ä °³³ä¿¡ ´ëÇÑ ¼³¸íÀ¸·Î ½ÃÀÛÇØ À¥ÀÇ ±¸Á¶, ¹ÝÀÀÇü µðÀÚÀÎ, CSS ·¹À̾ƿô, ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®, ±â±â °ü·Ã API, À̹ÌÁö¿Í ±×·¡ÇÈ, Æû ó¸®, ¸ÖƼ¹Ìµð¾î È°¿ë, ´Ù¾çÇÑ À¥ ¾ÖÇø®ÄÉÀ̼Ç, ±×¸®°í ÇâÈÄ Àü¸Á±îÁö ³Ð°í ±í°Ô ÇØ´ç ³»¿ëÀ» »ìÆ캸¸ç ÇöÀç»Ó¸¸ ¾Æ´Ï¶ó ¹Ì·¡ ¸ÖƼÇ÷§Æû¿¡¼ »ç¿ëÀÚ Áß½ÉÀÇ ¹ÝÀÀÇü À¥ °³¹ß¿¡ ÇÊ¿äÇÑ ³»¿ëÀ» ÇÑ ±ÇÀÇ Ã¥À¸·Î Àß Á¤¸®ÇÏ¿´´Ù. ¶ÇÇÑ ¿¹Á¦ À§ÁÖÀÇ ¡®ÄîºÏ...cookbook¡¯ ÇüÅ·Π±¸¼ºµÇ¾î ÀÖ¾î ÇÊ¿äÇÒ ¶§¸¶´Ù ÇØ´ç ³»¿ëÀ» ºü¸£°í ½±°Ô ã¾Æº¼ ¼ö ÀÖ´Ù. ±×¸®°í °¢ ÀåÀÇ ¸¶Áö¸· ºÎºÐ¿¡´Â º»¹®°ú °ü·ÃµÈ Á¤º¸°¡ ÀÖ´Â ¸µÅ©°¡ Á¤¸®µÅ ÀÖ¾î ´Ù¾çÇÑ ½Ä°ßÀ» ¾ò°í ÅëÂû·ÂÀ» ³ÐÈ÷´Â µ¥ µµ¿òÀ» ÁØ´Ù. Âü°í·Î °¢ Àå¿¡¼ ¼³¸íÇÑ ÄÚµå¿Í ¸µÅ©´Â ¸ðµÎ º°µµ ÆÄÀÏ·Î Á¤¸®ÇßÀ¸¸ç, ¿¡ÀÌÄÜÃâÆÇ»ç À¥»çÀÌÆ® µµ¼Á¤º¸ÆäÀÌÁö(http://www.acornpub.co.kr/book/modern-web)¿¡¼ ³»·Á¹ÞÀ» ¼ö ÀÖ´Ù.
¼¼»óÀÌ º¹ÀâÇØÁö°í ºü¸£°Ô º¯ÇÒ¼ö·Ï ¡®º»Áúfundamental¡¯¿¡ ÁýÁßÇØ¾ß ÇÑ´Ù. ÀÌ Ã¥ÀÌ ÇÏ·ç°¡ ´Ù¸£°Ô º¯ÇÏ´Â ¸ð´ø À¥ °ü·Ã ÃֽŠ±â¼úÀÇ º»Áú¿¡ ÇÑ °ÉÀ½ ´Ù°¡°¥ ¼ö ÀÖ´Â ±âȸ°¡ µÇ¾úÀ¸¸é ÁÁ°Ú´Ù. ±×¸®°í ÀÌ·¯ÇÑ »õ·Î¿î ±â¼úÀÌ ¡®¿Ö(Why)¡¯ ÇÊ¿äÇÏ°í, ¡®¾î¶»°Ô(How)¡¯ »ç¿ëÇϸç, ¡®¹«¾ù(What)¡¯ÀÎÁö¿¡ ´ëÇÑ Áú¹®¿¡ ÇØ´äÀ» ã´Â µ¥ Á¶±ÝÀ̳ª¸¶ µµ¿òÀÌ µÇ¾úÀ¸¸é ÇÏ´Â ¹Ù¶÷ÀÌ´Ù.
¸¶Áö¸·À¸·Î ÀÌ Ã¥¿¡¼ ¼³¸íÇÑ ¸ð´ø À¥ÀÇ ±â¼úÀ» È°¿ëÇØ ÀڽŸ¸ÀÇ »õ·Î¿î °¡Ä¡¸¦ âÃâÇÒ ¼ö ÀÖ±æ ¹Ù¶õ´Ù. ¶ÇÇÑ ÀÌ Ã¥À» ¼±ÅÃÇÑ ¿Á¤¿¡ °æÀǸ¦ Ç¥ÇÏ¸ç ´Ù½Ã ÇÑ ¹ø ÀÌ ±ÛÀ» Àаí ÀÖ´Â ¿©·¯ºÐ²² °¨»çÀÇ ¸»À» ÀüÇÏ°í ½Í´Ù.
¸ðµÎÀÇ °Ç½ÂÀ» ºó´Ù.
-
-
|
ÇÇÅÍ °³½ºÅë(Peter Gasston) [Àú]
|
|
-
´åÄÄ °ÅÇ°ÀÌ ÀÏ´ø ½Ã±â¿¡ À¥¿¡ ¶Ù¾îµé¾î Áö³ 11³â µ¿¾È Àü¹®ÀûÀÎ À¥ °³¹ßÀÚ·Î È°µ¿ÇØ¿Ô´Ù. ±×°£ ¿À·»Áö(Orange), ½ºÄ«ÀÌÇÁ(Skype), ½Ã½ºÄÚ ½Ã½ºÅÛ½º(Cisco Systems)¿Í, ÆÒÀ̱⵵ ÇÑ ¾Æ½º³¯(Arsenal) Ã౸ÆÀ µîÀÇ °í°´À» À§ÇØ ¿¡ÀÌÀü½Ã¿Í ±â¾÷ÀÇ ÀÏ¿øÀ¸·Î, ȤÀº ÇÁ¸®·£¼·Î ÇÁ·ÎÁ§Æ®¿¡ Âü¿©Çß´Ù. Áö±ÝÀº ·±´øÀÇ ¼î¾îµðÄ¡¿¡ ÀÖ´Â Æ÷Å©(Poke) µðÁöÅÐ ¿¡ÀÌÀü½Ã¿¡¼ ÀÏÇÑ´Ù.
ÁÖ·Î HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ »ç¿ëÀÚ Ãø °³¹ßÀ» Àü¹®ÀûÀ¸·Î ¼öÇàÇϸç, À¥ Ç¥ÁØ°ú ½Ã¸Çƽ ¸¶Å©¾÷¿¡ ´ëÇØ ÇعÚÇÑ Áö½ÄÀ» °®°í ÀÖ´Ù. ÀÚ½ÅÀÇ ºí·Î±× http://www.broken-links.com/¿¡ À¥ ±â¼ú °ü·Ã ±ÛÀ» ¾²°í ÀÖ´Â ÇÇÅÍ °³½ºÅëÀº ¿À·£ ±â°£ http://www.css3.info/¿¡ ±ÛÀ» ±â°íÇØ¿ÔÀ¸¸ç, Dev.Opera¿Í ¿µ±¹ÆÇ ´å³Ý ¸Å°ÅÁø(¹Ì±¹¿¡¼´Â ½Ç¿ëÀûÀÎ À¥ µðÀÚÀÎÀ¸·Î À¯¸í)¿¡¼µµ ÁýÇÊÁøÀ¸·Î È°µ¿Çß´Ù. ·±´øÀÇ À¥ °³¹ßÀÚ Ä¿¹Â´ÏƼ ȸÇÕ°ú ´Ù¸¥ °ø°ø Çà»ç¿¡¼ ¿¬»ç·Î Âü¿©ÇßÀ¸¸ç, ¹Ì·¡¿£ Á» ´õ ¸¹Àº ±â°í¿Í °¿¬À» ÇÒ °èȹÀÌ´Ù.
ºê¸®½ºÅç¿¡¼ žÁö¸¸ ·±´ø¿¡¼ 16³âÀ» »ì¾Ò°í, ÃÖ±Ù 7³â°£Àº ±×ÀÇ ¾Æ³» ¾Ö³ª¿Í ÇÔ²²ÇÏ°í ÀÖ´Ù. µ¶¼¸¦ ÁÁ¾ÆÇؼ ¼ø¼ö ¹®ÇÐ ÀÛÇ°°ú ¿ª»ç´Â ¹°·Ð, ½É¸®ÇÐ ¼Àû±îÁö Áñ°Ü ÀÐÀ¸¸ç µ¶¸³ ¸¸È¿Í µ¶¸³ ¿µÈÀÇ ¿·ÄÇÑ ÆÒÀ̱⵵ ÇÏ´Ù.
-
|
È«¿µÇ¥ [Àú]
|
|
-
Ä«À̽ºÆ® °æ¿µ´ëÇп¡¼ Á¤º¸°æ¿µ ¼®»ç°úÁ¤À» Á¹¾÷ÇßÀ¸¸ç ÇöÀç ±ÝÀ¶È¸»ç¿¡ ÀçÁ÷ ÁßÀÌ´Ù.
Àú¼·Î´Â [±â¼ú, °æ¿µÀ» ¸¸³ª´Ù](¿¡ÀÌÄÜ, 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)ÀÌ ÀÖ´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|