´Ü°èÀû ±â´É Çâ»óÀ» ÀÌ¿ëÇÑ ¸ðµÎ¸¦ À§ÇÑ À¥ µðÀÚÀÎ : UX¸¦ °í·ÁÇÑ À¥ UI ¸¸µé±â
À§Å°ºÏ½º ¿ÀǼҽº À¥ ½Ã¸®Áî1
¤Ó Åäµå ÆÄÄ¿(Todd Parker), ³²´öÇö
¤Ó
À§Å°ºÏ½º
¤Ó
Designing with progressive enhancement : building the Web that works for everyone
Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
¡º¸ðµÎ¸¦ À§ÇÑ À¥ µðÀÚÀΡ»´Â ´Ü°èÀû ±â´É Çâ»óÀ» Àû¿ëÇØ ¸ðµç »ç¿ëÀÚ°¡ ´Ù¾çÇÑ È¯°æ¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â À¥ ÆäÀÌÁö¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù. ´Ü°èÀû ±â´É Çâ»óÀÇ °³³äÀ» ¼³¸íÇÏ°í, ±× °³³äÀÌ Àû¿ëµÈ À¥ UI¸¦ ¸¸µé°í, WAI-ARIA¸¦ ÀÌ¿ëÇØ À¥ Á¢±Ù¼º±îÁö °í·ÁÇÑ ÃÖÁ¾ UI¸¦ ¸¸µå´Â ¹æ¹ýÀ» ´Ù¾çÇÑ »ç·Ê¸¦ ÅëÇØ ¼³¸íÇÑ´Ù.
´Ü°èÀû ±â´É Çâ»ó(Progressive Enhancement)°ú ¸®Ä¡ ÀÎÅÍ³Ý ¾ÖÇø®ÄÉÀ̼ǿ¡ ´ëÇÑ Á¢±Ù Ç¥ÁØ(WAI-ARIA)À» Àû¿ëÇÑ À¥ UI ¸¸µé±â!
ÀÌ Ã¥¿¡¼´Â ´Ü°èÀû ±â´É Çâ»óÀ» Àû¿ëÇØ ¸ðµç »ç¿ëÀÚ°¡ ´Ù¾çÇÑ È¯°æ¿¡¼ »ç¿ëÇÒ ¼ö ÀÖ´Â À¥ ÆäÀÌÁö¸¦ ¸¸µå´Â ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù.
´Ü°èÀû ±â´É Çâ»óÀÇ °³³äÀ» ¼³¸íÇÏ°í, ±× °³³äÀÌ Àû¿ëµÈ À¥ UI¸¦ ¸¸µé°í, WAI-ARIA¸¦ ÀÌ¿ëÇØ À¥ Á¢±Ù¼º±îÁö °í·ÁÇÑ ÃÖÁ¾ UI¸¦ ¸¸µå´Â ¹æ¹ýÀ» ´Ù¾çÇÑ »ç·Ê¸¦ ÅëÇØ ¼³¸íÇÑ´Ù. ¶Ç »ç¿ëÀÚµéÀÌ Á¢¼ÓÇϴ ȯ°æ¿¡ µû¶ó ±× ȯ°æ¿¡¼ Áö¿ø °¡´ÉÇÑ ±â´É°ú ½ºÅ¸ÀÏÀ» ¼±ÅÃÇÒ ¼ö ÀÖ°Ô ºê¶ó¿ìÀúÀÇ Áö¿ø ¹üÀ§¸¦ È®ÀÎÇÏ´Â ½ºÅ©¸³Æ®µéÀ» ÀÌ¿ëÇØ UI ¸ðµâÀÇ ½ºÅ¸ÀÏ°ú ±â´É ±¸ÇöÀ» ¼±ÅÃÇÒ ¼ö ÀÖ´Â ¹æ½ÄÀ» ¼Ò°³ÇÏ°í, °¢ ¿¹Á¦ UI¿¡ ±× ±â¹ýÀ» Àû¿ëÇØ ¼³¸íÇÑ´Ù.
°¢ ¿¹Á¦ÀÇ UI¸¦ ¸¸µé±â À§ÇÑ ½Ã¸Çƽ ¸¶Å©¾÷ÀÇ ÀÛ¼º, CSSÀÇ Àû¿ë, ±â´É°ú µ¿ÀÛÀ» À§ÇÑ ½ºÅ©¸³Æ®¸¦ ¼ø¼´ë·Î Â÷±ÙÂ÷±Ù ¼³¸íÇÔÀ¸·Î½á ´©±¸µçÁö °¢ °úÁ¤À» µû¶ó Çϱ⸸ ÇÏ¸é °á°ú¹°À» ¸¸µé ¼ö ÀÖ´Â ÇüÅ·Π±¸¼ºµÅ ÀÖ´Ù. ±×¸®°í UIÀÇ ¸ñÀû°ú ÇüÅ¿¡ ¸Â°Ô WAI-ARIA¸¦ Àû¿ëÇØ À¥ Á¢±Ù¼ºÀ» °³¼±Çϱâ À§ÇÑ ½Ç¹«ÀûÀÎ ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù.
¡¶ÃâÆÇ»ç ¸®ºä¡·
´Ü°èÀû ±â´É Çâ»óÀº ´Ù¾çÇÑ »ç¿ëÀÚ¿¡°Ô °¡´ÉÇÑ ÃÖ»óÀÇ °æÇèÀ» Á¦°øÇÏ´Â °ÍÀ» ¸ñÀûÀ¸·Î »ï°í, ÄÚµå ÀÛ¼º°ú Å×½ºÆ®µµ ´Ü¼øÈÇÏ´Â À¥ °³¹ß Á¢±Ù¹ýÀÌ´Ù. »ç¶÷µéÀÌ »çÀÌÆ®¿¡ ¾î¶² ±â±â¸¦ ÅëÇØ Á¢±ÙÇϵç(¾ÆÀÌÆùÀ̳ª ÃֽŠ»ç¾çÀÇ ÄÄÇ»ÅÍ, ¶Ç´Â ½ºÅ©¸°¸®´õ¸¦ ÀÌ¿ëÇØ) ÀÌÇØÇÏ°í »ç¿ëÇϱ⠽¬¿î °æÇèÀÌ µÅ¾ß ÇÏ°í °¡´ÉÇÑ ÇÑ ¸ðµç ±â´ÉÀ» ÀÌ¿ëÇÒ ¼ö ÀÖ¾î¾ß ÇÑ´Ù.
ÀÌ Ã¥ÀÌ ¹Ù·Î ±×·¸°Ô ÇÏ´Â ¹æ¹ýÀ» º¸¿© ÁÙ °ÍÀÌ´Ù. ÀÌ Ã¥Àº ´Ü°èÀû ±â´É Çâ»óÀÇ ¿ø¸®¿Í ÀåÁ¡À» ÀÌÇØÇϱâ À§ÇÑ ½Ç¹« °¡À̵åÀÏ »Ó ¾Æ´Ï¶ó ¿©·¯ºÐÀÌ µðÀÚÀ̳ÊÀÌµç °³¹ßÀÚµç »ó°ü¾øÀÌ ´Ü°èÀû ±â´É Çâ»óÀ» ±¸ÇöÇÏ´Â ±¸Ã¼ÀûÀÎ ÄÚµå¿Í ½ºÅ©¸³Æ®¸¦ ¾ðÁ¦, ¾î´À ºÎºÐ¿¡ ¾î¶»°Ô Àû¿ëÇÏ´ÂÁö ¾Ë·ÁÁÙ °ÍÀÌ´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡Ý ÀϹÝÀûÀÎ ÄÚµù ¹æ½ÄÀÌ »ç¿ëÀÚ¸¦ ¹è·ÁÇÏÁö ¾Ê´Â ÀÌÀ¯¿Í ´Ü°èÀû ±â´É Çâ»óÀÌ Á» ´õ Æ÷°ýÀûÀ¸·Î Á¢±ÙÇÏ´Â ´ë¾ÈÀÌ µÉ ¼ö ÀÖ´Â ¹æ¹ý
¡Ý º¹ÀâÇÑ ÀÎÅÍÆäÀ̽º µðÀÚÀÎÀ» ºÐ¼®ÇÏ°í, ¾î¶² ȯ°æ¿¡¼µµ µ¿ÀÛÇÏ´Â ½Ã¸Çƽ HTML °æÇèÀÇ ±âÃʸ¦ ´ÙÁö°í, ±× À§¿¡ °³¼± »çÇ×À» ¾ÈÀüÇÏ°Ô Ãß°¡ÇÏ´Â ¹æ¹ý
¡Ý ±â´É Çâ»óÀ» Àû¿ëÇÒ ¼ö ÀÖ´Â ±â±â¿¡¸¸ ±â´É Çâ»óÀ» ¹Ý¿µÇÏ´Â µ¥ µµ¿òÀÌ µÇ´Â ºê¶ó¿ìÀú Å×½ºÆ®
¡Ý ´Ü°èÀû ±â´É Çâ»óÀ» Àû¿ëÇϱâ À§ÇÑ HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµå ÀÛ¼ºÀÇ ½Ç¹« »ç·Ê¿Í HTML5¿Í CSS3 ±â¹ýÀ» È¿°úÀûÀ¸·Î Àû¿ëÇÒ ¼ö ÀÖ´Â »ç·Ê
¡Ý ¹ü¿ëÀûÀÎ Á¢±ÙÀ» º¸ÀåÇϱâ À§ÇÑ WAI-ARIA ¹× Å°º¸µå Áö¿ø°ú °°Àº Á¢±Ù¼º ±â´É Àû¿ë ¹æ¹ý
¡Ý ½Ã¸Çƽ HTMLÀ» ÇÁ·ÎÁ§Æ®¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â jQuery ±â¹Ý À§Á¬À» ºñ·ÔÇÑ ½½¶óÀÌ´õ, ÅÇ, Æ®¸® ÄÁÆ®·Ñ, Â÷Æ®¿Í °°Àº ÀÎÅÍ·¢Æ¼ºê ÄÄÆ÷³ÍÆ®·Î º¯È¯ÇÏ´Â ±¸Ã¼ÀûÀÎ ±â¹ý
¢Ã 00Àå: ´Ü°èÀû ±â´É Çâ»óÀ» ÀÌ¿ëÇÑ µðÀÚÀÎ »ç·Ê
´õ ³Ð¾îÁø À¥ ¼¼»ó
- ¸ðµç »ç¶÷ÀÌ À¥À» ÀÌ¿ëÇÏ°í Àְųª °ð ±×·¸°Ô µÉ °ÍÀÌ´Ù.
- »ç¿ëÀÚÀÇ ±â´ë°¨ À̲ø±â
- »ç¿ëÀÚ Á¢±Ù¼º ÇÊ¿ä Áõ´ë
- ´Ù¸¥ ±â±â¸¦ ÀÌ¿ëÇÑ À¥ Á¢¼ÓÀÇ Áõ°¡
- ±â±â¿Í ºê¶ó¿ìÀúÀÇ Áú±ä »ý¸íÀÇ ²ö
À¥ 2.0ÀÇ Áö·Úµé
- ºê¶ó¿ìÀú¿¡ ´ëÇÑ ÆíÇùÇÑ °üÁ¡
- ¡°ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ²À Çʿ䡱ÇÏ´Ù¸é ¸¹Àº »ç¿ëÀÚ°¡ ¶°³¯ °ÍÀÌ´Ù.
- CSS´Â ¶Ç ´Ù¸¥ ¿À·ù°¡ ¹ß»ýÇÒ ÀáÀ缺ÀÌ ÀÖ´Ù
- ºÎ°¡±â´ÉÀÇ ºí·¢ ¹Ú½º
- »õ·Î¿î ±â±â´Â ¿¹»óÇÏÁö ¸øÇÑ ÀÎÅÍ·¢¼Ç ±ÔÄ¢À» µ¿¹ÝÇÑ´Ù.
´Ü°èÀû ±â´É Çâ»óÀÌ ¹æ¹ýÀÌ´Ù
[1ºÎ] Å×½ºÆ® ÁÖµµÀûÀÎ ´Ü°èÀû ±â´É Çâ»ó Á¢±Ù¹ý
¢Ã 01Àå: Á¢±Ù ¹æ½Ä
ºê¶ó¿ìÀú ¼º´É Å×½ºÆ®
´Ü°èÀû ±â´É Çâ»óÀ» À§ÇÑ °èȹ : ÀÚ¼¼È÷ »ìÆ캸±â
¼³°è¿¡¼ Àû¿ë±îÁö: ´Ü°èÀû ±â´É Çâ»óÀ» Àû¿ëÇÑ °³¹ß ¿ä¼Ò ¸¸µé±â
½ÇÀü¿¡ Àû¿ëÇϱâ
¢Ã 02Àå: ´Ü°èÀû ±â´É Çâ»ó Àû¿ëÇϱâ : ÀÚ¼¼È÷ »ìÆ캸±â
ÀÚ¼¼È÷ »ìÆ캸±â °³¿ä
- ÄÜÅÙÃ÷ °èÃþ±¸Á¶ Á¤ÀÇ¿Í ÄÄÆ÷³ÍÆ® HTML ¸ÅÇÎ
- ±âÃÊ ¸¶Å©¾÷, ÃÖ¼ÒÇÑÀÇ ¾ÈÀü ½ºÅ¸ÀÏ ¸¸µé±â
- ¸¶Å©¾÷, ½ºÅ¸ÀÏ, ½ºÅ©¸³Æ® °³¼±»çÇ× Àû¿ëÇϱâ
»ç·Ê 1: ´º½º À¥ »çÀÌÆ®¿¡¼ÀÇ ±¸Á¶¿Í ±¸¼º °èȹÇÏ... ±â
- ÄÜÅÙÃ÷ ±¸¼º°ú ³×ÀÌ¹Ö Æò°¡Çϱâ
- ÄÜÅÙÃ÷ ±¸¼ºÀ» À§ÇÑ ±âº» HTML °èÃþ±¸Á¶ Ư¼º ÀÌ¿ë
- ³»ºñ°ÔÀÌ¼Ç ±¸Á¶Àâ±â
- ·¹À̾î ÄÜÅÙÃ÷¿Í ¾Ö´Ï¸ÞÀÌ¼Ç ÄÜÅÙÃ÷ Àû¿ë
- µ¿ÀûÀÎ ÇÊ´õ¸µ°ú Á¤·Ä Áö¿ø
»ç·Ê 2: °áÁ¦ ÆäÀÌÁö ÇÁ·Î¼¼½º, À¯È¿¼º, µ¥ÀÌÅÍ Àü¼Û
- °áÁ¦ ÆäÀÌÁö µðÀÚÀÎ ÆÄÇìÄ¡±â
- Á¢±Ù¼ºÀ» º¸ÀåÇϱâ À§ÇÑ Æû ¸¶Å©¾÷
- Á¦¾à»çÇ×°ú °ËÁõÀýÂ÷ Àû¿ëÇϱâ
- ±âº» °æÇè°ú Çâ»óµÈ °æÇè °áÇÕÇϱâ
»ç·Ê 3 : ÀÎÅÍ·¢Æ¼ºêÇÑ µ¥ÀÌÅÍÀÇ ½Ã°¢È
- ¿¹»ê ¶óÀÎ ±×·¡ÇÁ¸¦ À§ÇÑ ±âÃÊ ¸¶Å©¾÷ ¼±ÅÃ
- Á¢±Ù¼ºÀÌ ³ôÀº ½½¶óÀÌ´õ ÆûÀÇ ±âÃÊ ¸¶Å©¾÷ ¸¸µé±â
- ÆÄÀÌ ±×·¡ÇÁ ¸¸µé±â
»ç·Ê 4: ºê¶ó¿ìÀú¿¡¼ ¸ðµç ±â´ÉÀÌ Áö¿øµÇ´Â Æ÷Åä ¸Å´ÏÀú
- ±Û·Î¹ú ³»ºñ°ÔÀÌ¼Ç ¿ä¼Ò ¸¶Å©¾÷Çϱâ
- º¹ÀâÇÑ ¾Ù¹ü°ú ´ÙÁß ÀÎÅÍ·¢¼Ç Áö¿øÇϱâ
- »ç¿ëÀÚ Á¤ÀÇ Æû°ú ¿À¹ö·¹ÀÌ ¸Þ´º ¸¸µé±â
- µÚ·Î °¡±â ¹öÆ° Áö¿øÇϱâ
¡®ÀÚ¼¼È÷ »ìÆ캸±â¡¯¸¦ Àû¿ëÇÒ ¶§ ÇÊ¿äÇÑ Ã¼Å©¸®½ºÆ®
¢Ã 03Àå: ÀǹÌÀÖ´Â ¸¶Å©¾÷ ¸¸µé±â
ÅؽºÆ®¿Í À̹ÌÁö ¸¶Å©¾÷
- ÀǹÌÀÖ´Â ¸¶Å©¾÷ ÅؽºÆ®¸¦ Ç¥ÇöÇϱâ À§ÇÑ ¿ä¼Ò
- ¸®½ºÆ®(List)
- Ç¥¸¦ ÀÌ¿ëÇÑ µ¥ÀÌÅÍ(tabular data)
- À̹ÌÁö(Images)
- ¸®Ä¡ ¹Ìµð¾î(Embedded rich media)
- ¿ÜºÎ ÆäÀÌÁö ÄÜÅÙÃ÷ Ãß°¡Çϱâ
ÀÎÅÍ·¢Æ¼ºêÇÑ ÄÜÅÙÃ÷ ¸¶Å©¾÷Çϱâ
- ¾ÞÄ¿ ¸µÅ©
- Æû ±¸Á¶
- Æû Á¦¾î
ÆäÀÌÁöÀÇ ¹®¸Æ ÀÛ¼ºÇϱâ
- ºí·Ï vs. ÀζóÀÎ ¿ä¼Ò¸¦ »ç¿ëÇÒ ¶§ ¾Ë¾Æ¾ß ÇÒ °Í
- ID¿Í class¸¦ ÀÌ¿ëÇØ ¿ä¼Ò ÀνÄÇϱâ
- WAI-ARIA ·£µå¸¶Å© roleÀ» ÀÌ¿ëÇØ ¸ÞÀÎ ÆäÀÌÁö ÀνÄÇϱâ
- ÀÐÀ» ¼ö ÀÖ´Â ÄÚµå ¼ø¼ À¯ÁöÇϱâ
- title ¾îÆ®¸®ºäÆ®¸¦ ÀÌ¿ëÇ϶ó
HTML ¹®¼ ¼³Á¤Çϱâ
- DOCTYPE
- ¹®¼ÀÇ Çì´õ
Á¢±Ù¼º Ãß°¡Çϱâ
- Á¢±Ù¼º °¡À̵å¶óÀΰú ¹ý·ü Ç¥ÁØ
- À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º °¡À̵å¶óÀÎ (Web Content Accessibility Guidelines, WCAG)
¢Ã 04Àå: È¿°úÀûÀ¸·Î ½ºÅ¸ÀÏ Àû¿ëÇϱâ
ÆäÀÌÁö¿¡ CSS Àû¿ëÇϱâ
- ¿ÜºÎ ½ºÅ¸ÀϽºÆ®¿¡¼ ½ºÅ¸ÀÏ ¿î¿µÇϱâ
- ¿ÜºÎ ½ºÅ¸ÀϽÃÆ® ¿¬°áÇϱâ
- ÀǹÌÀÖ´Â ¸í¸í ±ÔÄ¢ »ç¿ëÇϱâ
±âº» °æÇè°ú Çâ»óµÈ °æÇè ½ºÅ¸ÀÏ ÀÔÈ÷±â
- ±âº» °æÇèÀ» Á¦°øÇÏ´Â ¾ÈÀüÇÑ ½ºÅ¸ÀÏ
- Çâ»óµÈ °æÇèÀ» Á¦°øÇÏ´Â ½ºÅ¸ÀÏ Àû¿ëÇϱâ
Á¢±Ù¼º °í·ÁÇϱâ
ºê¶ó¿ìÀúÀÇ ºñÀÏ°ü¼º°ú ¹ö±× ´Ù·ç±â
- Á¶°ÇºÎ ÁÖ¼®
- ÀϹÝÀûÀÎ À̽´¿Í ÇØ°áÃ¥
¢Ã 05Àå: ½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÑ Çâ»ó°ú ÀÎÅÍ·¢¼Ç
ÀÚ¹Ù½ºÅ©¸³Æ® ¿Ã¹Ù¸£°Ô ÂüÁ¶Çϱâ
- ÀζóÀÎ ÀÚ¹Ù½ºÅ©¸³Æ® »ç¿ë ±ÝÁö
- ¿ÜºÎ ÀÚ¹Ù½ºÅ©¸³Æ® ÂüÁ¶Çϱâ
±âº» °æÇè¿¡¼ ÀÚ¹Ù½ºÅ©¸³Æ® À§Ä¡ ÀÌÇØÇϱâ
½ºÅ©¸³Æ® Çâ»óÀ» À§ÇÑ ½Ç¹« »ç·Ê
- ÄÜÅÙÃ÷°¡ ÁغñµÇ¸é ½ºÅ©¸³Æ®¸¦ ½ÇÇàÇ϶ó
- ¸¶Å©¾÷¿¡ µ¿ÀÛ Àû¿ëÇϱâ
- ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ Çâ»óµÈ ¸¶Å©¾÷ ¸¸µé±â
- ÄÜÅÙÃ÷ÀÇ ³ëÃâ °ü¸®Çϱâ
- ½ºÅ¸ÀÏ Çâ»ó Àû¿ëÇϱâ
»ç¿ë¼º°ú Á¢±Ù¼ºÀÇ À¯Áö¿Í °È
- Å°º¸µå Á¢±Ù Àû¿ëÇϱâ
- WAI-ARIA ¾îÆ®¸®ºäÆ® ÁöÁ¤Çϱâ
- Á¢±Ù¼º Å×½ºÆ®
- µÚ·Î °¡±â ¹öÆ°ÀÇ °ü¸®
¢Ã 06Àå: ºê¶ó¿ìÀú ¼º´É Å×½ºÆ®
EnhanceJS : ¼º´É Å×½ºÆ® ÇÁ·¹ÀÓ¿öÅ©
EnhanceJSÀÇ ¸ÅÄ¿´ÏÁò : Å×½ºÆ® ¹æ¹ý
EnhanceJS¸¦ ÀÌ¿ëÇØ °³¼±»çÇ× Àû¿ëÇϱâ
EnhanceJS ¼³Á¤
- Ãß°¡ ½ºÅ¸ÀϽÃÆ® ·ÎµùÇϱâ
- Ãß°¡ ½ºÅ©¸³Æ® ·ÎµùÇϱâ
- °æÇè Åä±Û ¸µÅ© ¼öÁ¤Çϱâ
- EnhanceJSÀÇ pass/fail Á¶Á¤Çϱâ
EnhanceJS Å×½ºÆ® ¼¼Æ® È®ÀåÇϱâ
- EnhanceJS ¿É¼ÇÀ¸·Î Å×½ºÆ® ¼¼Æ® ¼öÁ¤Çϱâ
- EnhanceJSÀÇ ÀνºÅϽº »ý¼ºÇϱâ
- µð¹ö±ëÀ» À§ÇÑ ¼º´É Å×½ºÆ® °æ°í È°¼ºÈ
¼¹ö¿¡¼ EnhanceJS ÃÖÀûÈÇϱâ
[2ºÎ] ´Ü°èÀû ±â´É Çâ»ó Àû¿ëÇϱâ
¢Ã 07Àå: ´Ü°èÀû ±â´É Çâ»óÀ» Àû¿ëÇÑ À§Á¬ ¸¸µé±â
À§Á¬ ÄÚµù ¹æ¹ý
À§Á¬ ¿¹Á¦ ´Ù·ç±â
¿¹Á¦ ÄÚµå ³»·Á¹Þ±â
¢Ã 08Àå: Á¢À» ¼ö ÀÖ´Â ÄÜÅÙÃ÷
ÀÚ¼¼È÷ »ìÆ캸±â
Á¢±ÙÀÌ ½¬¿î Á¢À» ¼ö ÀÖ´Â ÄÜÅÙÃ÷ ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Á¢À» ¼ö ÀÖ´Â ½ºÅ©¸³Æ® Àû¿ë
Á¢À» ¼ö ÀÖ´Â ½ºÅ©¸³Æ® »ç¿ëÇϱâ
¢Ã 09Àå: ÅÇ ¸Þ´º
ÀÚ¼¼È÷ »ìÆ캸±â
ÅÇ ¸Þ´º ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- ÅÇ ¸Þ´º ½ºÅ©¸³Æ®
Á» ´õ °³¼±Çϱâ
- Áñ°Ü ã±â¿Í ¹æ¹®±â·Ï(µÚ·Î °¡±â ¹öÆ°) Ž»ö
- ÀÚµ¿À¸·Î ȸÀüÇÏ´Â ÅÇ
- ¿ÜºÎ ÅÇ ÄÜÅÙÃ÷ ÂüÁ¶Çϱâ
- ¾ÆÄÚµð¾ðó·³ º¸À̱â
ÅÇ ½ºÅ©¸³Æ® ÀÌ¿ëÇϱâ
¢Ã 10Àå: ÅøÆÁ
ÀÚ¼¼È÷ »ìÆ캸±â
title ÄÜÅÙÃ÷·Î ÅøÆÁ ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ÅøÆÁ ½ºÅ©¸³Æ®
¾ÞÄ¿ ¸µÅ©·Î ÅøÆÁ ¸¸µé±â
¿ÜºÎ ¼Ò½º·Î ÅøÆÁ ¸¸µé±â
ÅøÆÁ ½ºÅ©¸³Æ® »ç¿ëÇϱâ
¢Ã 11: Æ®¸®±¸Á¶ ¸Þ´º
ÀÚ¼¼È÷ »ìÆ캸±â
Æ®¸® ¸Þ´º ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ Æ®¸® ½ºÅ©¸³Æ®
Æ®¸® ¸Þ´º ½ºÅ©¸³Æ® ÀÌ¿ëÇϱâ
¢Ã 12Àå: HTML5 canvas¸¦ ÀÌ¿ëÇÑ ±×·¡ÇÁ
ÀÚ¼¼È÷ »ìÆ캸±â
±âÃÊ ¸¶Å©¾÷
±×·¡ÇÁ¿¡ Á¢±Ù¼º Ãß°¡Çϱâ
- Å×ÀÌºí µ¥ÀÌÅÍ ÆĽÌÇϱâ
- µ¥ÀÌÅ͸¦ °¡½ÃÈÇϱâ À§ÇØ canvas ÀÌ¿ëÇϱâ
- Çâ»óµÈ Å×ÀÌºí ½ºÅ¸ÀÏ Àû¿ëÇϱâ
- µ¥ÀÌÅÍ Á¢±Ù¼º À¯ÁöÇϱâ
canvas ±×·¡ÇÁ Á» ´õ »ìÆì º¸±â: visualize.js Ç÷¯±×ÀÎ
¢Ã 13Àå: ´ëÈ »óÀÚ¿Í ¿À¹ö·¹ÀÌ ¸Þ´º
ÀÚ¼¼È÷ »ìÆ캸±â
´ëÈ»óÀÚ ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- °³¼±µÈ ´ëÈ»óÀÚ ½ºÅ©¸³Æ®
´ëÈ»óÀÚ Á» ´õ ±íÀÌ »ìÆ캸±â
´ëÈ»óÀÚ ½ºÅ©¸³Æ® ÀÌ¿ëÇϱâ
¢Ã 14Àå: ¹öÆ°
ÀÚ¼¼È÷ »ìÆ캸±â
input ±â¹Ý ¹öÆ° ½ºÅ¸ÀÏ ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- hover »óÅ ½ºÅ©¸³Æ® ÀÛ¼º
¹öÆ°¿¡ Á» ´õ º¹ÀâÇÑ ºñÁÖ¾ó Àû¿ëÇϱâ
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- inputÀ» buttonÀ¸·Î º¯°æÇÏ´Â ½ºÅ©¸³Æ®
inputÀ» buttonÀ¸·Î º¯°æÇÏ´Â ½ºÅ©¸³Æ® ÀÌ¿ëÇϱâ
¹öÆ° Á» ´õ ±íÀÌ »ìÆ캸±â
¢Ã 15Àå: üũ¹Ú½º, ¶óµð¿À ¹öÆ°, º°Á¡
ÀÚ¼¼È÷ »ìÆ캸±â
»ç¿ëÀÚ Á¤ÀÇ Ã¼Å©¹Ú½º ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- üũ¹Ú½º ½ºÅ©¸³Æ®
»ç¿ëÀÚ Á¤ÀÇ ¶óµð¿À ¹öÆ° ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- ¶óµð¿À ¹öÆ° ½ºÅ©¸³Æ®
»ç¿ëÀÚ Á¤ÀÇ input Á» ´õ »ìÆ캸±â : º°Á¡ À§Á¬
- ±âÃÊ ¸¶Å©¾÷
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- º°Á¡ À§Á¬ ½ºÅ©¸³Æ® ¸¸µé±â
»ç¿ëÀÚ Á¤ÀÇ input°ú º°Á¡ ½ºÅ©¸³Æ® »ç¿ëÇϱâ
¢Ã 16Àå: ½½¶óÀÌ´õ
ÀÚ¼¼È÷ »ìÆ캸±â
½½¶óÀÌ´õ ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- ½½¶óÀÌ´õ ½ºÅ©¸³Æ®
½½¶óÀÌ´õ ½ºÅ©¸³Æ® ÀÌ¿ëÇϱâ
¢Ã 17Àå: ¼¿·ºÆ® ¸Þ´º
ÀÚ¼¼È÷ »ìÆ캸±â
Á¢±Ù¼ºÀÌ °í·ÁµÈ »ç¿ëÀÚ Á¤ÀÇ ¼¿·ºÆ® ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ »ç¿ëÀÚ Á¤ÀÇ ¼¿·ºÆ® ½ºÅ©¸³Æ®
»ç¿ëÀÚ Á¤ÀÇ ¼¿·ºÆ® Á» ´õ »ìÆ캸±â: ÃֽŠ¿É¼Ç ½ºÅ¸ÀÏ Àû¿ë
»ç¿ëÀÚ Á¤ÀÇ ¼¿·ºÆ® ½ºÅ©¸³Æ® ÀÌ¿ëÇϱâ
¢Ã 18Àå: ¸®½ºÆ® ºô´õ
ÀÚ¼¼È÷ »ìÆ캸±â
¸®½ºÆ® ºô´õ ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- ¸®½ºÆ® ºô´õ ½ºÅ©¸³Æ®
¸®½ºÆ® ºô´õ Á» ´õ »ìÆ캸±â: ´ÙÁß ¼±ÅÃ, Á¤·Ä, ÀÚµ¿¿Ï¼º, ¹®¸Æ ¸Þ´º
- ´ÙÁß ¼±ÅÃ
- µå·¡±× ¾Ø µå·Ó Á¤·Ä
- ÀÚµ¿ ¿Ï¼º
- ¹®¸Æ ¸Þ´º
¸®½ºÆ® ºô´õ ½ºÅ©¸³Æ® »ç¿ëÇϱâ
¢Ã 19Àå: ÆÄÀÏ÷ºÎ
ÀÚ¼¼È÷ »ìÆ캸±â
»ç¿ëÀÚ Á¤ÀÇ ÆÄÀÏ input ¸¸µé±â
- ±âÃÊ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- Çâ»óµÈ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
- »ç¿ëÀÚ Á¤ÀÇ ÆÄÀÏ input ½ºÅ©¸³Æ®
»ç¿ëÀÚ Á¤ÀÇ ÆÄÀÏ input ½ºÅ©¸³Æ® »ç¿ëÇϱâ
¢Ã ¿ä¾à: ¹Ì·¡¸¦ ³»´Ùº¸´Ù
ÃÖ±Ù ¸î ³â °£ À¥Àº ¸¹Àº º¯È¸¦ °Þ¾ú´Ù. PC Áß½ÉÀÇ À¥ÀÌ ¸ð¹ÙÀÏ Áß½ÉÀ¸·Î À̵¿Çß°í, ±×¿¡ ¸ÂÃç »ç¶÷µéÀÇ Çൿ ÆÐÅÏÀ̳ª »ç°í ¹æ½Äµµ Å©°Ô ¹Ù²î¾ú´Ù. ½º¸¶Æ®ÆùÀº ÀÌÁ¦ ´©±¸³ª ¾²´Â ÇʼöÇ°À¸·Î ÀÚ¸® Àâ¾Ò°í, ¹ö½º³ª ÁöÇÏö¿¡¼ ½º¸¶Æ®ÆùÀ» µé¿©´Ùº¸Áö ¾Ê´Â »ç¶÷ÀÌ °ÅÀÇ ¾øÀ» Á¤µµ´Ù.
À¥ÀÇ Áß½ÉÀÌ PC¿¡¼ ¸ð¹ÙÀÏ·Î ÀÚ¿¬½º·´°Ô ¿Å°ÜÁö¸é¼ ¸ð¹ÙÀÏ È¯°æ¿¡ ´ëÀÀÇϱâ À§ÇÑ À¥À» ¸¸µå´Â ±â¼ú°ú ¹æ¹ýµµ iOS³ª ¾Èµå·ÎÀ̵å¿Í °°Àº ¿î¿µÃ¼Á¦¸¦ À§ÇÑ ³×ÀÌƼºê ¾Û, ¸ð¹ÙÀÏ À¥°ú ¾ÛÀ» ¿¬µ¿ÇÏ´Â ÇÏÀ̺긮µå ¾Û, ±×¸®°í ¸ð¹ÙÀÏ À¥ µîÀÇ ÇüÅ·ΠÁ¡Á¡ ´Ù¾çÇØÁö°í ÀÖ´Ù.
ºü¸£°Ô º¯ÈÇÏ´Â ¼Óµµ¸¸ÅÀ̳ª »õ·Î¿î ±â¼ú°ú ¹æ¹ýµéÀÌ ½ñ¾ÆÁ® ³ª¿À°í, ȯ°æ¿¡ ÀûÀÀÇÏÁö ¸øÇÑ ±â¼úµéÀº °³¹ßÀÚ³ª »ç¿ëÀÚ¿¡°Ô ¿Ü¸é¹Þ±âµµ ÇÑ´Ù. Àå¹Ôºû ¹Ì·¡°¡ ÆîÃÄÁú °Íó·³ °ü½É°ú ÁýÁßÀ» ¹Þ´ø ±â¼úÀ̳ª Ç÷§ÆûÀÌ ÇѼø°£¿¡ ¿ª»çÀÇ µÚ¾È±æ·Î »ç¶óÁ®°¡´Â »ç·ÊµéÀ» ¿ì¸®´Â ±×µ¿¾È ½É½ÉÂú°Ô ºÁ¿Ô´Ù. ÀÌ·± ȯ°æ¿¡¼ À¥À» ¸¸µç´Ù°í ÇÒ ¶§, °¡´ÉÇϸé ƯÁ¤ ±â¼úÀ̳ª Ç÷§Æû¿¡ ±¹ÇѵÇÁö ¾Ê°í, ¹ü¿ëÀûÀ¸·Î ´Ù¾çÇÑ È¯°æ¿¡¼, ±×¸®°í ´õ ¸¹Àº »ç¶÷µéÀÌ Á¢±ÙÇÒ ¼ö ÀÖ°Ô ¸¸µé°í ½ÍÀ» °ÍÀÌ´Ù. ¹Ì·¡¸¦ ¿¹ÃøÇÒ ¼ö ¾ø´Â ºÒÈ®½ÇÇÑ È¯°æ¿¡¼ ¾î¼¸é ÀÌ°ÍÀº Çö½Ç°ú µ¿¶³¾îÁø ÀÌ»óÀûÀÎ °ÍÀ̶ó°í ¸»ÇÒÁöµµ ¸ð¸£°Ú´Ù. ÀÌ ÀÌ»óÀÌ Çö½ÇÀÌ µÉ ¼ö´Â ¾ø´Â °É±î?
ÀÌ¿Í´Â »ì¦ ´Ù¸¥ Ãø¸é¿¡¼ ±×µ¿¾È ¸Õ³ª¶ó ¾ê±â·Î¸¸ ÀνĵŠ¿Ô´ø À¥ Á¢±Ù¼º¿¡ ´ëÇØ »ý°¢ÇØ º¸ÀÚ.
¿ÃÇØ 4¿ùºÎÅÍ Àå¾ÖÀÎ Â÷º° ±ÝÁö¹ýÀÌ ½ÃÇàµÇ¸é¼ ±×µ¿¾È ¹Ð¸° ¼÷Á¦·Î¸¸ ¿©°ÜÁ³´ø À¥ Á¢±Ù¼º È®º¸´Â ÀÌÁ¦ Çʼö»çÇ×ÀÌ µÆ´Ù. ÇÏÁö¸¸ ÀÌ·ÐÀûÀ¸·Î ¾Ë°í ÀÖ´Â ¹æ¹ýµéÀ» ½ÇÁ¦ ¼ºñ½º¿¡ Àû¿ëÇÏ´Â °ÍÀº »ý°¢Ã³·³ ½¬¿î ÀÏÀº ¾Æ´Ï´Ù. À¥Á¢±Ù¼º È®º¸¸¦ À§ÇØ ¾î¶² ºÎºÐ¿¡¼´Â ±âÁ¸¿¡ À߸øµÈ ¹æ¹ýÀ¸·Î Àû¿ëµÅ ÀÖ´ø °ÍÀ» ÀüüÀûÀ¸·Î ¼ÕºÁ¾ß ÇÏ´Â ÀÏÀÌ »ý±æ ¼öµµ ÀÖ´Ù. ±âÃʺÎÅÍ Á¦´ë·Î ¸¸µéÁö ¾Ê°í ÀӽùæÆíÀ¸·Î ±×¶§±×¶§ ´ëÀÀÇÏ´Ù º¸¸é °á±¹¿¡´Â µ¹ÀÌų ¼ö ¾ø´Â »óȲÀ» ¸ÂÀÌÇÏ°Ô µÉ °ÍÀÌ´Ù. °ÑÀ¸·Î º¸ÀÌ´Â ³ôÀº ¿Ï¼ºµµµµ Áß¿äÇÏÁö¸¸ ±×º¸´Ù ³»ºÎÀûÀ¸·Î źźÇÑ ±âÃʸ¦ Àâ´Â °ÍÀÌ ´õ ¿ì¼±µÅ¾ß ÇÑ´Ù. ±×·¸°Ô ÇÏ´Â °ÍÀÌ ¸ðµç »ç¶÷µéÀÌ À¥À» »ç¿ëÇÒ ¼ö ÀÖ°Ô ÇÏ´Â ÃÖ¼±ÀÇ ¹æ¹ýÀÏ °ÍÀÌ´Ù.
ÀÌ Ã¥Àº ±×µ¿¾È ¿ì¸®°¡ ¸Ó¸®·Î´Â ¾Ë°í À־ ½Ç¹«¿¡¼´Â ¾î´À Á¤µµ ¹«½ÃÇÏ°í Áö³ªÃÆ´ø ³»¿ë¿¡ ´ëÇØ ´Ù½Ã Çѹø »ý°¢ÇØ º¸°Ô ÇÑ´Ù. À¥ Á¢±Ù¼º¿¡ ´ëÇÑ ³»¿ëµµ ±×·¸°í, ±âº»ÀûÀÎ »ç¿ë¼º°ú UX¿¡ ´ëÇÑ ³»¿ëµµ ±×·¸´Ù. ±×µ¿¾È ±íÀÌ »ý°¢ÇØ º¸Áö ¾Ê°í ¸Í¸ñÀûÀ¸·Î Æ®·»µå¿¡ À̲ø·Á »ç¿ëÇØ ¿À´ø ±â¼ú°ú UI ±¸Çö¿¡ ´ëÇØ Çѹø ´õ »ý°¢ÇØ º¸°í Áö³ ÀÛ¾÷µéÀ» µ¹¾Æº¸°Ô ÇÑ´Ù.
Ȥ½Ã ´ç½ÅÀÌ °³¹ßÀÚ¶ó¸é, ±×µ¿¾È ÃֽŠ»ç¾çÀÇ PC¿Í ¸ð¹ÙÀÏ È¯°æ¿¡¼¸¸ º¼ ¼ö ÀÖ´Â À¥ ÆäÀÌÁö¸¦ ¸¸µé¾î ¿ÀÁö´Â ¾Ê¾Ò´Â°¡? »ç¾÷ÀûÀÎ Ãø¸éÀ» °í·ÁÇÑ´Ù¸é ±ÝÀüÀûÀÎ ºÎºÐ°ú ÀÛ¾÷ ÀÏÁ¤ÀÌ Áß¿äÇÑ »çÇ×À̱⠶§¹®¿¡ ¾î¿ ¼ö ¾øÀÌ ´ëÀÀ ¹üÀ§¸¦ ¼¼ºÎÀûÀ¸·Î Á¤ÇÏ°í ÁøÇàÇÒ ¼ö¹Û¿¡ ¾ø´Ù°í »ý°¢ÇÒÁöµµ ¸ð¸£°Ú´Ù.
ÇÑ °¡Áö ´Ù¸¥ ¿¹·Î, ÄÄÇ»Å͸¦ ¹è¿ö º¸½Ã°Ú´Ù°í µ¸º¸±â ¾È°æÀ» ¾²°í ºê¶ó¿ìÀú·Î ÀÎÅÍ³Ý Æ÷Åп¡ ¾î·Æ°Ô Á¢¼ÓÇÏ°í °è½Ã´Â ³ªÀÌ µå½Å ºÎ¸ð´ÔÀ¸·ÎºÎÅÍ È¸é ±Û¾¾°¡ ÀÛÀ¸´Ï ´õ Å©°Ô ¹Ù²ã´Þ¶ó´Â ºÎŹÀ» ¹Þ¾Æº» ÀûÀÌ Àִ°¡? ±×·± ºÎ¸ð´Ô¿¡°Ô ÆùÆ® Å©±â°¡ 12 Çȼ¿·Î °íÁ¤µÈ »çÀÌÆ®¸¦ ¾î¶»°Ô Å©°Ô º¸¿©µå·Á¾ß ÇÒÁö ³°¨ÇÑ °í¹Î¿¡ ºüÁ® º» ÀûÀÌ Àִ°¡? »ç½Ç ±× ½ÃÁ¡¿¡¼ ºÎ¸ð´Ô¿¡°Ô Áß¿äÇÏ¸é¼ ²À ÇÊ¿äÇÑ °ÍÀº ·¹À̾ƿôÀÌ Á¶±Ý Ʋ¾îÁ® º¸ÀÌ´Â »çÀÌÆ®ÀÇ °Ñ¸ð½ÀÀÌ ¾Æ´Ï¶ó Å©°Ô Á¶Á¤µÉ ¼ö ÀÖ´Â ÅؽºÆ®´Ù.
À¥Àº ¸ðµÎ¸¦ À§ÇÑ °ÍÀÌ´Ù. ÀϹÝÀûÀ¸·Î ¸ðµç »ç¶÷µéÀÌ ±×·¸°Ô »ý°¢ÇÏ°í ÀÖ´Ù. ÇÏÁö¸¸ ½ÇÁ¦·Î À¥À» ¸¸µé¾î ... º¸¸é ²À ±×·± °Ç ¾Æ´Ï±¸³ª, ¶ó´Â »ý°¢ÀÌ µé±âµµ ÇÑ´Ù. ¸ðµç ÇÁ·ÎÁ§Æ®¿¡´Â QA Åë°ú ±âÁØÀÌ ÀÖ´Ù. »ý°¢ÇØ º¸¸é ¸ðµÎ¸¦ À§ÇÑ À¥À» ¸¸µå´Â °ÍÀε¥ ´ëÀÀ ±âÁØ ÀÚü°¡ ÀÖ´Ù´Â °ÍÀÌ ¸»ÀÌ ¾È µÇ´Â °ÍÀÌ´Ù. ¸Ó¸®·Î´Â ÀÌÇØ°¡ µÇÁö¸¸ ¼ºñ½ºÀÇ Æ¯¼ºÀ̳ª ±â´É ±¸ÇöÀ» »ý°¢ÇØ º»´Ù¸é Çö½ÇÀûÀ¸·Î ¹Þ¾ÆµéÀ̱⿡´Â Á¶±Ý Èûµç »ý°¢À̱⵵ ÇÏ´Ù.
±×ó·³ ¹Þ¾ÆµéÀ̱â Èûµç ºÎºÐÀ» °¡´ÉÇÏ°Ô ÇÏ·Á¸é ÀÏÁ¤ ºÎºÐÀº Æ÷±âÇØ¾ß ÇÒ ¼öµµ ÀÖ´Ù. ÇÏÁö¸¸ À¥ ÆäÀÌÁö°¡ ¸ðµç »ç¿ëÀÚ¿¡°Ô ¶È°°Àº ¸ð½ÀÀ¸·Î º¸À̱⺸´Ù´Â µ¿ÀÏÇÑ »ç¿ë¼ºÀ» °®Ãß´Â °ÍÀÌ ´õ Áß¿äÇÑ °ú¾÷À̶ó »ý°¢ÇÑ´Ù. ±×·± Ãø¸é¿¡¼ ºÃÀ» ¶§, ÀÌ Ã¥¿¡¼ ´Ù·ç°í ÀÖ´Â ´Ü°èÀû ±â´É Çâ»ó(Progressive Enhancement)Àº ¸ðµÎ¸¦ À§ÇÑ À¥À» ¸¸µé±â À§ÇÑ ÇϳªÀÇ ¹æ¹ý·ÐÀÌ µÉ ¼ö ÀÖÀ» °ÍÀÌ´Ù. ƯÁ¤ ±â¼úÀ̳ª Ç÷¯±×Àο¡ ±¹ÇѵÇÁö ¾Ê°í À¥¿¡¼ »ç¿ëµÇ´Â ±âº»ÀûÀÎ HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇØ Â÷±ÙÂ÷±Ù ¼³¸íÇØ ³ª°£´Ù. ¾ÆÁ÷±îÁö ±¹³»¿¡¼´Â Ãʱ⠴ܰè¶ó°í º¼ ¼ö ÀÖ´Â À¥ Á¢±Ù¼º¿¡ ´ëÇÑ ¼³¸í°ú ´ëÀÀ ¹æ¹ýµµ ´Ù·ç°í Àֱ⠶§¹®¿¡ ½ÇÁ¦·Î °³¹ß ÁßÀÎ ÇÁ·ÎÁ§Æ®¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ³»¿ëµµ ¸¹À» °ÍÀÌ´Ù.
À¥ ºÐ¾ß¿Í °ü·ÃµÈ ÁÁÀº ¿ø¼°¡ ÀÖÀ¸¸é ±×°ÍÀ» Á»
Åäµå ÆÄÄ¿(Todd Parker) [Àú]
¹«¼± Àüȱâ¿Í ÆÊ(Palm)¿¡¼ºÎÅÍ ÅÍÄ¡½ºÅ©¸° ÅÂºí¸´, Å°¿À½ºÅ©, À¥»çÀÌÆ®¿¡ À̸£±â±îÁö ´Ù¾çÇÑ ±â±âÀÇ ±â¼úÀû À̽´¿Í ÀÎÅÍÆäÀ̽ºÀÇ Á¦¾à Á¶°ÇÀ» ÃÖ´ëÇÑ È°¿ëÇÏ´Â ¿©·¯ ±â´É°ú ³ôÀº Á¢±Ù¼ºÀ» Á¦°øÇÏ´Â Á÷°üÀûÀÎ ÀÎÅÍÆäÀ̽º Á¦ÀÛ°ú °ü·ÃµÈ 10³â ÀÌ»óÀÇ °æÇèÀ» °¡Áö°í ÀÖ´Ù. ±×´Â Çʶó¸àÆ® ±×·ì ¼³¸³ÀÇ Ãʱ⠸â¹ö·Î¼ ZEFER Corp¿Í CSC Consulting¿¡¼ ¼±ÀÓ UX µðÀÚÀ̳ʷΠÀÏÇß´Ù. ÅäµåÀÇ ÀÛ¾÷Àº Communication Arts Magazine¿¡¼ µðÀÚÀÎÀÇ ¿ì¼ö¼ºÀ» ÀÎÁ¤¹Þ¾Ò´Ù.
³²´öÇö [Àú]
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.