À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
WEBDESK
Web Development
HOME ¡µ WEBDESK ¡µ Web Development
[À¥ÄÚµù] È¿À²ÀûÀÎ ¾ç½Ä µðÀÚÀÎ : ±¸Á¶, ÀÔ·Â, ·¹ÀÌºí ¹× ¾×¼Ç
Posted by kimdirector | 2018.03.28 | Hit : 1674
µðÀÚÀΠ ÄÚµù  ÄÚµå·Ó½º  ¾îµµºñ XD 
¸ñ·Ïº¸±âÀÌÀüº¸±â
¾Û ¶Ç´Â À¥ »çÀÌÆ®¸¦ ÀÌ¿ëÇÏ´Â »ç¶÷¿¡°Ô´Â ƯÁ¤ÇÑ ¸ñÀûÀÌ ÀÖ½À´Ï´Ù. ±×¸®°í ÀÌ·¯ÇÑ Æ¯Á¤ ¸ñÀûÀ» ´Þ¼ºÇÏ´Â °úÁ¤¿¡¼­ ÇÊ¿äÇÑ °ÍÀÌ ¹Ù·Î ¾ç½ÄÀÔ´Ï´Ù. ¾ç½ÄÀº ¿©ÀüÈ÷ À¥°ú ¾Û»ó¿¡¼­ »ç¿ëÀÚ¿¡°Ô °¡Àå Áß¿äÇÑ »óÈ£ ÀÛ¿ë Áß ÇϳªÀÔ´Ï´Ù. ½ÇÁ¦·Î ¾ç½ÄÀº »ç¿ëÀÚ°¡ ¸ñÀûÀ» ´Þ¼ºÇÏ´Â °úÁ¤¿¡¼­ ÃÖÁ¾ ´Ü°è·Î °£ÁֵǴ °æ¿ì°¡ ¸¹½À´Ï´Ù. ¾ç½ÄÀº ÃÖÁ¾ ¸ñÀûÀ» À§ÇÑ ¼ö´ÜÀ¸·Î »ç¿ëµË´Ï´Ù. »ç¿ëÀÚ´Â ½Å¼ÓÇϸ鼭µµ ¾Æ¹«·± ºÒÆí ¾øÀÌ ¾ç½ÄÀ» ¿Ï·áÇÒ ¼ö ÀÖ¾î¾ß ÇÕ´Ï´Ù.
 
ÀÌ ±Û¿¡¼­´Â »ç¿ë¼º Å×½ºÆ®, Çʵå Å×½ºÆ®, ½Ã¼± ÃßÀû ¿¬±¸ Á¶»ç»Ó¸¸ ¾Æ´Ï¶ó »ç¿ëÀÚµéÀÌ °ÞÀº ½ÇÁúÀûÀÎ ºÒÆí »çÇ× µîÀ» ÅëÇØ ¾òÀº ½Ç¿ëÀûÀÎ ±â¹ýÀ» »ìÆì º¾´Ï´Ù. ÀÌ·¯ÇÑ ±â¹ýÀ» Á¦´ë·Î Ȱ¿ëÇÏ¸é µðÀÚÀ̳ʴ º¸´Ù ºü¸£°í °£ÆíÇÏ¸ç »ý»êÀûÀÎ °æÇèÀ» Á¦ÀÛÇÒ ¼ö ÀÖ½À´Ï´Ù. °íÀ¯ÇÑ ÇÁ·ÎÅäŸÀÔÀ» Á¦ÀÛÇÏ°í µðÀÚÀÎÇÒ ¼ö ÀÖ´Â ÇÑ °¡Áö ¹æ¹ýÀº ¾îµµºñ XD(¹«·á)¸¦ ´Ù¿î·ÎµåÇÏ¿© »ç¿ëÇÏ´Â °ÍÀÔ´Ï´Ù. ÀÌ °Ô½Ã¹°À» ÅëÇØ ¾ç½Ä µðÀÚÀο¡ °üÇÑ ¿©·¯ °¡Áö »õ·Î¿î ¹æ¹ýÀ» ¹è¿ï ¼ö ÀÖ½À´Ï´Ù.
 
 
¾ç½ÄÀÇ ±¸¼º ¿ä¼Ò
 
ÀϹÝÀûÀÎ ¾ç½ÄÀº ´ÙÀ½ÀÇ ´Ù¼¸ °¡Áö ±¸¼º ¿ä¼Ò·Î ÀÌ·ç¾îÁ® ÀÖ½À´Ï´Ù.
 • ±¸Á¶ : ÇÊµå ¼ø¼­, ÆäÀÌÁö¿¡ Ç¥½ÃµÇ´Â ¾ç½ÄÀÇ ·¹À̾ƿô, ¿©·¯ ÇÊµå °£ÀÇ ³í¸®Àû ¿¬°è¼ºÀÌ Æ÷ÇԵ˴ϴÙ.
 • ÀÔ·Â Çʵå : ÅØ½ºÆ® Çʵå, ¾ÏÈ£ Çʵå, üũ »óÀÚ, ¶óµð¿À ¹öư, ½½¶óÀÌ´õ ¹× »ç¿ëÀÚ°¡ ÀÔ·ÂÇÏ´Â ±âŸ ¸ðµç Çʵ尡 Æ÷ÇԵ˴ϴÙ.
 • ÇÊµå ·¹À̺í : ÇØ´ç ÀÔ·Â Çʵ尡 ¹«¾ùÀ» ÀǹÌÇÏ´ÂÁö »ç¿ëÀÚ¿¡°Ô ¾Ë·ÁÁÝ´Ï´Ù.
 • ¾×¼Ç ¹öư : »ç¿ëÀÚ°¡ ÀÌ ¹öưÀ» ´©¸£¸é µ¿ÀÛÀÌ ¼öÇàµË´Ï´Ù(¿¹: µ¥ÀÌÅÍ Á¦Ãâ).
 • Çǵå¹é : Çǵå¹éÀ» ÅëÇØ »ç¿ëÀÚ´Â ÀÚ½ÅÀÇ ÀԷ¿¡ ´ëÇÑ °á°ú¸¦ È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù. ´ëºÎºÐÀÇ ¾Û°ú À¥ »çÀÌÆ®¿¡¼­ »ç¿ëµÇ´Â Çǵå¹é ¾ç½ÄÀº ÀÏ¹Ý ÅØ½ºÆ®À̸ç, °á°ú¸¦ ¾Ë¸®´Â ¸Þ½ÃÁö°¡ »ç¿ëÀÚ¿¡°Ô Å뺸µË´Ï´Ù. À̶§ ¸Þ½ÃÁö´Â ±àÁ¤Àû(¿¹: ¾ç½ÄÀÌ ¼º°øÀûÀ¸·Î Á¦ÃâµÇ¾ú½À´Ï´Ù)À̰ųª ºÎÁ¤Àû(¿¹: ÀÔ·ÂµÈ ¼ýÀÚ°¡ ¿Ã¹Ù¸£Áö ¾Ê½À´Ï´Ù)ÀÏ ¼ö ÀÖ½À´Ï´Ù.
 
¶ÇÇÑ ´ÙÀ½ ±¸¼º ¿ä¼Ò·Î µÈ ¾ç½Äµµ ÀÖ½À´Ï´Ù.
Áö¿ø : ¾ç½ÄÀ» ÀÛ¼ºÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÕ´Ï´Ù.
À¯È¿¼º °Ë»ç : ÀÚµ¿ È®ÀÎ ±â´ÉÀ» ÅëÇØ »ç¿ëÀÚÀÇ µ¥ÀÌÅͰ¡ À¯È¿ÇÑÁö È®ÀÎÇÕ´Ï´Ù.

ÀÌ ±Û¿¡¼­´Â ±¸Á¶, ÀÔ·Â Çʵå, ¾×¼Ç ¹öư, À¯È¿¼º °Ë»ç¿Í °ü·ÃµÈ ´Ù¾çÇÑ Ãø¸éÀ» »ìÆìº¾´Ï´Ù.
 
 
¾ç½Ä ±¸Á¶
¾ç½ÄÀº ´ëÈ­ÀÇ ÇÑ À¯ÇüÀÔ´Ï´Ù. ±×¸®°í ¸ðµç ´ëÈ­¿Í ¸¶Âù°¡Áö·Î »ç¿ëÀÚ¿Í ¾ÛÀ̶ó´Â µÎ ¿ä¼Ò °£ÀÇ ³í¸®ÀûÀÎ Ä¿¹Â´ÏÄÉÀ̼ÇÀ¸·Î ±¸¼ºµÇ¾î ÀÖ¾î¾ß ÇÕ´Ï´Ù.
 
 
Çʼö »çÇ×À¸·Î¸¸ ±¸¼ºµÈ Çʵå
Çʵå´Â ¹Ýµå½Ã ÇÊ¿äÇÑ »çÇ×À¸·Î¸¸ ±¸¼ºÇØ¾ß ÇÕ´Ï´Ù. ¾ç½Ä¿¡ Ãß°¡ÇÏ´Â °¢°¢ÀÇ ¸ðµç Çʵå´Â ÀüȯÀ²¿¡ ¿µÇâÀ» ¹ÌĨ´Ï´Ù. »ç¿ëÀÚ¿¡°Ô ƯÁ¤ Á¤º¸¸¦ ¿äûÇÏ´Â ÀÌÀ¯¿Í ÇØ´ç Á¤º¸¸¦ ¾î¶»°Ô »ç¿ëÇÒ °ÍÀÎÁö¸¦ Ç×»ó ¿°µÎ¿¡ µÎ¾î¾ß ÇÕ´Ï´Ù.
 
 
¾ç½Ä ¼ø¼­ÀÇ ³í¸®Àû ¹è¿­
¾ÖÇø®ÄÉÀÌ¼Ç ¶Ç´Â µ¥ÀÌÅͺ£À̽ºÀÇ °üÁ¡ÀÌ ¾Æ´Ñ »ç¿ëÀÚÀÇ °üÁ¡¿¡¼­ ¼¼ºÎ Á¤º¸¸¦ ³í¸®ÀûÀ¸·Î ¿äûÇÕ´Ï´Ù. ÀϹÝÀûÀ¸·Î ´©±º°¡ÀÇ À̸§À» ¹¯±âµµ Àü¿¡ ÁÖ¼ÒºÎÅÍ ¹¯Áö´Â ¾Ê½À´Ï´Ù.
 
 
±×·ì °ü·Ã Á¤º¸
³í¸® ºí·Ï ¶Ç´Â Áú¹® ¼¼Æ®¿¡ ´ëÇÑ ±×·ì °ü·Ã Á¤º¸ÀÔ´Ï´Ù. ÇϳªÀÇ Áú¹® ¼¼Æ®¿¡¼­ ´ÙÀ½ ¼¼Æ®·Î À̾îÁö´Â È帧ÀÌ ´ëÈ­ÀÇ È帧°ú À¯»çÇÕ´Ï´Ù. °ü·Ã Çʵ带 ÇϳªÀÇ ±×·ìÀ¸·Î ÁöÁ¤ÇÏ¸é »ç¿ëÀÚ°¡ ¾î¶² Á¤º¸¸¦ ä¿ö¾ß ÇÏ´ÂÁö º¸´Ù ½±°Ô ÆÄ¾ÇÇÒ ¼ö ÀÖ½À´Ï´Ù. ¾Æ·¡ ±×¸²À» ÅëÇØ ¿¬¶ôó Á¤º¸°¡ ¾î¶»°Ô ±¸¼ºµÇ¾î ÀÖ´ÂÁö ºñ±³ÇÒ ¼ö ÀÖ½À´Ï´Ù.

 

°ü·Ã Çʵ带 ±×·ìÀ¸·Î ÁöÁ¤(À̹ÌÁö Ãâó: ´Ò½¼ ³ë¸Õ ±×·ì)
 
 
´ÜÀÏ ¿­ vs. º¹¼ö ¿­
¾ç½Ä Çʵ带 ¿©·¯ °³ÀÇ ¿­·Î ¹è¿­ÇÏ¸é »ç¿ëÀÚ°¡ ÇÊµå ±¸¼º¿¡ ´ëÇØ Àϰü¼ºÀ» ´À³¢Áö ¸øÇÕ´Ï´Ù. ¶ÇÇÑ ¾ç½Ä Çʵ尡 ¼öÆòÀ¸·Î ³ª¿­µÈ °æ¿ì »ç¿ëÀÚ°¡ Z ÆÐÅÏÀ¸·Î »ìÆìº¸°Ô µÇ¹Ç·Î ÀÌÇØ ¼Óµµ¿Í ¾ç½Ä ¿Ï¼º ¼Óµµ°¡ ÀúÇ쵃 ¼ö ÀÖ½À´Ï´Ù. ¹Ý¸é ´ÜÀÏ ¿­·Î ±¸¼ºµÈ °æ¿ì ÆäÀÌÁö ¾Æ·¡ ¹æÇâÀ¸·Î Á÷¼± ÇüÅ·Π³ª¿­µÇ¹Ç·Î ¾ç½ÄÀ» º¸´Ù ¼ö¿ùÇÏ°Ô ¿Ï¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù.


¿ÞÂÊÀº ¾ç½Ä Çʵ尡 ±âº» 2¿­ ·¹À̾ƿôÀ¸·Î ¹è¿­µÈ °æ¿ì »ç¿ëÀÚ°¡ ¾ç½ÄÀ» ÇØ¼®ÇÒ ¼ö ÀÖ´Â ¿©·¯ ¹æ½Ä Áß Çϳª¸¦ º¸¿©ÁÝ´Ï´Ù. ¹Ý¸é ¿À¸¥ÂÊ¿¡´Â ÆäÀÌÁö ¾Æ·¡ ¹æÇâÀ¸·Î Á÷¼± ÇüÅ·Π³ª¿­µÇ¾î ºñ±³Àû °£°áÇÑ ¾ç½Ä ±¸¼ºÀ» º¸¿©ÁÝ´Ï´Ù.
 
 
ÀÔ·Â Çʵå
ÀÔ·Â Çʵå´Â »ç¿ëÀÚ°¡ ¾ç½ÄÀ» ÀÛ¼ºÇϱâ À§ÇÑ ÇʵåÀÔ´Ï´Ù. ÇÊ¿äÇÑ Á¤º¸¸¦ ¾ò±â À§ÇØ »ç¿ë °¡´ÉÇÑ Çʵå À¯Çü¿¡´Â ÅØ½ºÆ® Çʵå, ¾ÏÈ£ Çʵå, µå·Ó´Ù¿î, üũ »óÀÚ, ¶óµð¿À ¹öư, µ¥ÀÌÅÍ ÇÇÄ¿ µîÀÌ ÀÖ½À´Ï´Ù.
 
 
ÇÊµå ¼ö
¾ç½Ä µðÀÚÀÎÀÇ °æÇè¿¡ ±Ù°ÅÇÑ ¹ýÄ¢Àº °£°áÇÒ¼ö·Ï È¿°úÀûÀ̶ó´Â °ÍÀÔ´Ï´Ù. ¶ÇÇÑ Á÷°üÀûÀÎ Ãø¸é¿¡¼­ º¼ ¶§ »ç¿ëÀÚ°¡ ¾ç½Ä ÀÛ¼º¿¡ µéÀÌ´Â ³ë·ÂÀÌ ÀûÀ»¼ö·Ï ÀüȯÀ²ÀÌ »ó½ÂÇÑ´Ù´Â °ÍÀÔ´Ï´Ù. µû¶ó¼­ ÇÊµå ¼ö¸¦ ÃÖ¼ÒÇÑÀ¸·Î ÁÙ¿©¾ß ÇÕ´Ï´Ù. ƯÈ÷ ¸¹Àº Á¤º¸¸¦ ¿äûÇÏ´Â ¾ç½ÄÀϼö·Ï ÀÌ´Â ´õ¿í Áß¿äÇÕ´Ï´Ù. ±×·¸´Ù°í Áö³ªÄ¡°Ô °£¼ÒÈ­ÇØ¼­µµ ¾È µË´Ï´Ù. 3°³ÀÇ ÇÊµå ¾ç½Ä¿¡ 30°³ÀÇ Áú¹®ÀÌ Æ÷ÇÔµÈ´Ù¸é ±× ´©±¸µµ ÁÁ¾ÆÇÏÁö ¾ÊÀ» °ÍÀÔ´Ï´Ù. ÇÑ ¹ø¿¡ 5~7°³ÀÇ ÀÔ·Â Çʵ常 Ç¥½ÃÇÏ´Â °ÍÀÌ ÀϹÝÀûÀÔ´Ï´Ù.
 

¿©·¯ Çʵ带 ¼Õ½±°Ô ÀÛ¼ºÇÒ ¼ö ÀÖ´Â ÇϳªÀÇ Çʵå·Î º´ÇÕÇÕ´Ï´Ù. (À̹ÌÁö Ãâó: ·çÅ© ·Îºí¸£½ºÅ°(Luke Wroblewski))
 
 
Çʼö vs. ¼±ÅÃ
¼±Åà »çÇ× Çʵ带 ¾ç½Ä¿¡ ³Ö´Â °ÍÀº °¡´ÉÇÑ ÇÇÇØ¾ß ÇÕ´Ï´Ù. ±×·¯³ª ºÎµæÀÌÇÏ°Ô »ç¿ëÇØ¾ß ÇÏ´Â °æ¿ì¿¡´Â Çʼö Ç׸ñ¿¡ ÇØ´çÇÏ´Â Çʵ带 ¸íÈ®ÇÏ°Ô ±¸ºÐÇØ¾ß ÇÕ´Ï´Ù. ÀϹÝÀûÀ¸·Î Çʼö Çʵ忡´Â º°Ç¥(*)¸¦ »ç¿ëÇϰí Çʼö Çʵ尡 ¾Æ´Ñ Çʵ忡´Â “¼±ÅÔ(Çʼö Çʵ尡 ¿©·¯ °³ ÀÖ´Â ±ä ¾ç½Ä¿¡¼­ ¼±È£µÊ)À̶ó´Â ´Ü¾î¸¦ Ç¥½ÃÇÕ´Ï´Ù. Çʼö Çʵ忡 º°Ç¥¸¦ »ç¿ëÇϱâ·Î Çß´Ù¸é »ç¿ëÀÚ´Â º°Ç¥°¡ ¹«¾ùÀ» ÀǹÌÇÏ´ÂÁö ¸ð¸¦ ¼öµµ Àֱ⠶§¹®¿¡ ¾ç½Ä ¾Æ·¡¿¡ ¼³¸í ¹®±¸¸¦ Ãß°¡ÇÏ´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
 
¸ÞÀÏħÇÁ(MailChimp)ÀÇ À̸ÞÀÏ ±¸µ¶ ¾ç½Ä
 
 
±âº»°ª ¼³Á¤
»ç¿ëÀÚÀÇ ´ëºÎºÐ(¿¹: ¾à 90%)ÀÌ ÇØ´ç °ªÀ» ¼±ÅÃÇÒ È®·üÀÌ ³ôÀº °æ¿ì°¡ ¾Æ´Ï¶ó¸é ±âº»°ª ¼³Á¤Àº ÇÇÇØ¾ß ÇÕ´Ï´Ù. ƯÈ÷ Çʼö ÇʵåÀÇ °æ¿ì ´õ¿í ±×·¸½À´Ï´Ù. ¿ÖÀϱî¿ä? ¿À·ù¸¦ ¹üÇÒ ¼ö Àֱ⠶§¹®ÀÔ´Ï´Ù. »ç¶÷µéÀº º¸Åë ¿Â¶óÀÎ ¾ç½ÄÀ» ºü¸£°Ô ÈȾ±â ¶§¹®¿¡ ¸ðµç Ç׸ñÀ» ¿À·§µ¿¾È »ìÆìº¸Áö ¾Ê½À´Ï´Ù. ¶§¶§·Î °ªÀÌ ÀÌ¹Ì ÀÔ·ÂµÈ Çʵå´Â º¸Áöµµ ¾Ê°í Áö³ªÄ¨´Ï´Ù.
 
±×·¯³ª ½º¸¶Æ® ±âº»°ªÀÇ °æ¿ì À̾߱Ⱑ ´Þ¶óÁý´Ï´Ù. ½º¸¶Æ® ±âº»°ªÀ̶õ Á¦°øµÇ´Â »ç¿ëÀÚ Á¤º¸¸¦ ±â¹ÝÀ¸·Î ¼³Á¤µÈ °ªÀÔ´Ï´Ù. ½º¸¶Æ® ±âº»°ªÀ» ¼³Á¤ÇÏ¸é ¾ç½Ä ÀÛ¼º ½Ã°£À» ´ÜÃà½Ãų »Ó¸¸ ¾Æ´Ï¶ó Á¤È®µµµµ Çâ»ó½Ãų ¼ö ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¾î »ç¿ëÀÚÀÇ À§Ä¡ Á¤º¸¸¦ ±â¹ÝÀ¸·Î »ç¿ëÀÚÀÇ ±¹°¡¸¦ ¹Ì¸® ¼±Åõǵµ·Ï ÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇÏÁö¸¸ »ç¿ëÀÚ°¡ ¹Ì¸® ¼±ÅÃµÈ Çʵ带 ±×´ë·Î µÑ ¼ö ÀÖÀ¸¹Ç·Î ½º¸¶Æ® ±âº»°ªÀ» ¼³Á¤ÇÒ ¶§µµ ½É»ç¼÷°íÇØ¾ß ÇÕ´Ï´Ù.
 
°áÁ¦ ¾ç½Ä¿¡¼­ Áö´ÉÀûÀ¸·Î ¹Ì¸® ¼±ÅÃµÈ ±¹°¡
 
 
ÀÔ·Â ¸¶½ºÅ©
ÇÊµå ¸¶½ºÅ© ±â¹ýÀ» »ç¿ëÇÏ¸é »ç¿ëÀÚ°¡ ÀÔ·ÂµÈ ÅØ½ºÆ®¿¡ ¼­½ÄÀ» Àû¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. »ç¿ëÀÚ°¡ Çʵ带 ÀÔ·ÂÇÏ·Á°í ÇÒ ¶§ ¸¶½ºÅ©°¡ Ç¥½ÃµÇ°í Çʵ尡 ÀÛ¼ºµÉ ¶§ ÅØ½ºÆ®¿¡ ¼­½ÄÀÌ ÀÚµ¿À¸·Î ÁöÁ¤µÇ¹Ç·Î »ç¿ëÀÚ´Â Çʼö µ¥ÀÌÅ͸¦ ÀÔ·ÂÇÏ´Â µ¥ ´õ ÁýÁßÇÏ°í ¿À·ù¸¦ ¼Õ½±°Ô ¹ß°ßÇÒ ¼ö ÀÖ½À´Ï´Ù. ¾Æ·¡ ¿¹½ÃÀÇ °æ¿ì ÀüÈ­¹øÈ£ ¹× ½Å¿ëÄ«µå ¹øÈ£¸¦ ÀÔ·ÂÇÏ¸é °ýÈ£, °£°Ý ¹× ´ë½Ã°¡ ÀÚµ¿À¸·Î Àû¿ëµË´Ï´Ù. ÀÌ °£´ÜÇÑ ±â¹ýÀ¸·Î »ç¿ëÀÚ°¡ ÀüÈ­¹øÈ£, ½Å¿ëÄ«µå, ȯÀ² µîÀ» ÀÔ·ÂÇÒ ¶§ ½Ã°£°ú ³ë·ÂÀ» Àý¾àÇÒ ¼ö ÀÖ½À´Ï´Ù.
 

(À̹ÌÁö Ãâó: Á¶½¬ ¸ð·Î´Ï(Josh Morony))
 
 
µ¥½ºÅ©Åé Àü¿ë: Űº¸µå ģȭÀûÀÎ ¾ç½Ä
»ç¿ëÀڴ Űº¸µå¸¸À» »ç¿ëÇØ ¸ðµç Çʵ带 ¼Õ½±°Ô ÀÔ·ÂÇÏ°í ÆíÁýÇÒ ¼ö ÀÖ¾î¾ß ÇÕ´Ï´Ù. Űº¸µå¸¦ ¸¹ÀÌ ÀÌ¿ëÇÏ´Â »ç¿ëÀÚÀÇ °æ¿ì Űº¸µå¿¡¼­ ¼Õ°¡¶ôÀ» ¶¼Áö ¾Ê°íµµ ÅÇ Å°¸¦ °£´ÜÇÏ°Ô ´­·¯ Çʵ带 ÀÔ·ÂÇÒ ¼ö ÀÖ¾î¾ß ÇÕ´Ï´Ù. µðÀÚÀÎ ÆÐÅÏ¿¡ ´ëÇÑ W3CÀÇ °¡À̵å¶óÀο¡¼­ Űº¸µå »óÈ£ ÀÛ¿ë¿¡ ´ëÇÑ ÀÚ¼¼ÇÑ ³»¿ëÀ» È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.
 
°£´ÜÇÑ µ¥ÀÌÅÍ ÇÇÄ¿ÀÇ °æ¿ìµµ W3CÀÇ °¡À̵å¶óÀÎÀ» ÁؼöÇØ¾ß ÇÕ´Ï´Ù. (À̹ÌÁö Ãâó: ¼¼ÀÏÁîÆ÷½º(Salesforce))
 
 
µ¥½ºÅ©Åé Àü¿ë: ÀÔ·Â Çʵ带 À§ÇÑ ÀÚµ¿ Æ÷Ä¿½º
ÇʵåÀÇ ÀÚµ¿ Æ÷Ä¿½º ±â´ÉÀº ÀÛ¼ºÀÇ ½ÃÀÛÁ¡À» ¾Ë·ÁÁֹǷΠ»ç¿ëÀÚ°¡ ½Å¼ÓÇÏ°Ô ¾ç½ÄÀ» ä¿ï ¼ö ÀÖ½À´Ï´Ù. »ö»ó º¯°æ, »óÀÚ »ç¶óÁü ¶Ç´Â È­»ìÇ¥ ±ôºýÀÓ µî°ú °°Àº ½Ã°¢Àû ½ÅÈ£¸¦ ÀÌ¿ëÇÏ¿© Æ÷Ä¿½º°¡ À̵¿ÇßÀ½À» ºÐ¸íÇÏ°Ô º¸¿©ÁÝ´Ï´Ù. ¾Æ¸¶Á¸(Amazon)ÀÇ µî·Ï ¾ç½Ä¿¡´Â ÀÚµ¿ Æ÷Ä¿½º ¹× ½Ã°¢Àû Ç¥½ÃÀÚ°¡ ¸ðµÎ Àû¿ëµÇ¾î ÀÖ½À´Ï´Ù.




¸ð¹ÙÀÏ Àü¿ë: Çʵå ÀÔ·Â ½Ã Űº¸µå Á¦°ø
½º¸¶Æ®Æù »ç¿ëÀÚ´Â Çʵ忡 ÅØ½ºÆ®¸¦ ÀÔ·ÂÇÒ ¶§ ¾Û¿¡¼­ ÀûÀýÇÑ Å°º¸µå°¡ Á¦°øµÇ¸é Æí¸®ÇÔÀ» ´À³§´Ï´Ù. ƯÁ¤ ÀÛ¾÷¸¸À» À§Çؼ­°¡ ¾Æ´Ï¶ó ´Ù¸¥ ÀÛ¾÷À» ¼öÇàÇÒ ¶§¿¡µµ ¾Û Àüü¿¡ ÀϰüÀûÀ¸·Î ÀÌ ±â´ÉÀ» ±¸ÇöÇÕ´Ï´Ù.
 

(À̹ÌÁö Ãâó: ±¸±Û)
 
 

ÀÔ·Â Á¦ÇÑ(ÀÚµ¿ ¿Ï¼º)
Á¡Á¡ ´õ ¸¹Àº »ç¶÷µéÀÌ ¸ð¹ÙÀÏÀ» ÅëÇØ ´Ù¾çÇÑ ¾÷¹«¸¦ ¼öÇàÇÔ¿¡ µû¶ó ºÒÇÊ¿äÇÑ ÀÔ·ÂÀ» ÁÙÀÌ´Â °Í¸¸À¸·Îµµ »ç¿ëÀÚ °æÇèÀ» Çâ»ó½ÃŰ°í ¿À·ù¸¦ ÁÙÀÏ ¼ö ÀÖ½À´Ï´Ù. ÀÚµ¿ ¿Ï¼º ±â´ÉÀº ÀԷ Ƚ¼ö¸¦ ÁÙÀÓÀ¸·Î½á »ç¿ëÀÚÀÇ ¼ö°í¸¦ ´ú¾îÁÝ´Ï´Ù. ¿¹¸¦ µé¾î ÁÖ¼Ò Çʵ带 ÀÛ¼ºÇÏ´Â ÀÏÀº ¸ðµç µî·Ï ¾ç½Ä¿¡¼­ °¡Àå Å« ¹®Á¦°¡ µÇ´Â ºÎºÐÀÔ´Ï´Ù. ÀÚµ¿ ¿Ï¼º ÁÖ¼Ò ¾ç½Ä ¹èÄ¡(»ç¿ëÀÚÀÇ Á¤È®ÇÑ À§Ä¡¸¦ ¹ÙÅÁÀ¸·Î À§Ä¡ Á¤º¸¿Í ÁÖ¼Ò »çÀü ¿Ï¼º ±â´ÉÀ» »ç¿ëÇÏ¿© Á¤È®ÇÑ Á¦¾È Á¦°ø)¿Í °°Àº ÅøÀ» »ç¿ëÇϸé ÀϹÝÀûÀÎ ÀÔ·Â Çʵ忡 ºñÇØ ÀԷ Ƚ¼ö°¡ ÁÙ¾îµé¹Ç·Î »ç¿ëÀÚ°¡ º¸´Ù ¼ö¿ùÇÏ°Ô ÁÖ¼Ò¸¦ ÀÔ·ÂÇÒ ¼ö ÀÖ½À´Ï´Ù.
 
 
·¹À̺í
·¹À̺íÀ» ¸íÈ®ÇÏ°Ô Ç¥½ÃÇÒ¼ö·Ï UI¿¡ º¸´Ù ¼Õ½±°Ô ¾×¼¼½ºÇÒ ¼ö ÀÖ½À´Ï´Ù. ÈǸ¢ÇÑ ·¹À̺íÀº »ç¿ëÀÚ¿¡°Ô ÇʵåÀÇ ¿ëµµ¸¦ ¾Ë·ÁÁÖ¸ç Æ÷Ä¿½º°¡ Çʵå ÀÚü¿¡ ÀÖÀ» ¶§ »ç¿ë¼ºÀ» À¯ÁöÇϰí Çʵ尡 ä¿öÁø ÈÄ¿¡µµ ¿©ÀüÈ÷ º¼ ¼ö ÀÖ¾î¾ß ÇÕ´Ï´Ù.
 
 
´Ü¾î ¼ö
·¹À̺íÀº µµ¿ò¸» ÅØ½ºÆ®°¡ ¾Æ´Õ´Ï´Ù. °£°áÇϸ鼭µµ ªÀº ¼³¸í½Ä ·¹À̺í(1~2°³ ´Ü¾î)À» ÅëÇØ »ç¿ëÀÚ°¡ ¾ç½ÄÀ» ºü¸£°Ô ÆÄ¾ÇÇϵµ·Ï ÇØ¾ß ÇÕ´Ï´Ù. ¾Æ¸¶Á¸ÀÇ ÀÌÀü ¹öÀüÀÇ µî·Ï ¾ç½Ä¿¡´Â ´Ü¾î°¡ ¸¹ÀÌ Æ÷ÇÔµÇ¾î ¾ç½Ä ¿Ï¼º ¼Óµµ°¡ ´À·È½À´Ï´Ù. ±×·¯³ª ÇöÀç ¹öÀü¿¡´Â °£°áÇÑ ·¹À̺íÀÌ Àû¿ëµÇ¾î ¾ç½Ä ÀÛ¼º ¼Óµµ°¡ ÈξÀ »¡¶óÁ³½À´Ï´Ù.

 
 
 
¹®Àå½Ä ´ë¹®ÀÚ vs. Á¦¸ñ½Ä ´ë¹®ÀÚ
¿À´Ã³¯ ´ëºÎºÐÀÇ µðÁöÅÐ Á¦Ç°ÀÇ °æ¿ì ¿µ¹® ´ë¹®ÀÚ¸¦ Ç¥½ÃÇÒ ¶§ µÎ °¡Áö ¹æ½ÄÀÌ »ç¿ëµË´Ï´Ù.
• Á¦¸ñ½Ä ´ë¹®ÀÚÀÇ °æ¿ì ¸ðµç ´Ü¾îÀÇ ¾Õ±ÛÀÚ¸¦ ´ë¹®ÀڷΠǥ±âÇÕ´Ï´Ù. (¿¹: “This Is Title Case.”)
• ¹®Àå½Ä ´ë¹®ÀÚÀÇ °æ¿ì ¹®ÀåÀÇ Ã¹ ±ÛÀÚ¸¸À» ´ë¹®ÀڷΠǥ±âÇÕ´Ï´Ù. (¿¹: “This is sentence case.”)
¹®Àå½Ä ´ë¹®ÀÚ¸¦ »ç¿ëÇϸé Á¦¸ñ½Ä ´ë¹®ÀÚ¸¦ »ç¿ëÇÒ ¶§º¸´Ù °¡µ¶¼ºÀÌ ´õ ÁÁ½À´Ï´Ù(Áï, Àд ¼Óµµ°¡ »¡¶óÁü). ªÀº ·¹ÀÌºí¿¡¼­´Â Â÷À̰¡ °ÅÀÇ ¾øÁö¸¸(¿¹: “Full Name”°ú “Full name”), ±ä ·¹À̺íÀÇ °æ¿ì ¹®Àå½Ä ´ë¹®ÀÚ°¡ °¡µ¶¼º Ãø¸é¿¡¼­ ´õ È¿°úÀûÀÔ´Ï´Ù. “Now You Know How Difficult It Is to Read Long Text in Title Case.” ÀÌ ¹®ÀåÀ» ÅëÇØ Á¦¸ñ½Ä ´ë¹®ÀÚ·Î µÈ ±ä ÅØ½ºÆ®¸¦ Àд °ÍÀÌ ¾ó¸¶³ª ¾î·Á¿îÁö ¾Ë ¼ö ÀÖ½À´Ï´Ù.
 
 
°¡Àå °¡µ¶¼ºÀÌ ¶³¾îÁö´Â ¸ðµç ±ÛÀÚ ´ë¹®ÀÚ Ã³¸®
¸ðµç ±ÛÀÚ¸¦ ´ë¹®ÀڷΠǥ±âÇÏÁö ¸¶½Ê½Ã¿À. ¸ðµÎ ´ë¹®ÀڷΠǥ±âÇϸé Àб⠾î·Á¿ï »Ó¸¸ ¾Æ´Ï¶ó ¹®ÀÚ ³ôÀÌÀÇ º¯È­°¡ ÀüÇô ¾ø±â ¶§¹®¿¡ ¾ç½ÄÀ» ÇÑ´«¿¡ ÆÄ¾ÇÇÏ´Â ¼Óµµµµ ÇöÀúÈ÷ ¶³¾îÁý´Ï´Ù.
 

¸ðµÎ ´ë¹®ÀÚ·Î ±¸¼ºµÈ ·¹À̺íÀº °¡µ¶¼ºÀÌ ÇöÀúÈ÷ ¶³¾îÁý´Ï´Ù.
 
 
·¹ÀÌºí ¹è¿­: ¿ÞÂÊ vs. ¿À¸¥ÂÊ vs. À§ÂÊ
2006³â ¸¶Å׿À ÆæÁ¶(Matteo Penzo)ÀÇ ·¹ÀÌºí ¹èÄ¡¿¡ ´ëÇÑ ±Û¿¡ µû¸£¸é ·¹À̺íÀÌ ÇÊµå »ó´Ü¿¡ ÀÖÀ» ¶§ ¾ç½Ä ÀÛ¼º ¼Óµµ°¡ »¡¶óÁø´Ù°í ¼³¸íÇÕ´Ï´Ù. »ç¿ëÀÚ°¡ ÃÖ´ëÇÑ ºü¸£°Ô ¾ç½ÄÀ» ÆÄ¾ÇÇϵµ·Ï ÇÏ·Á¸é ·¹À̺íÀ» »ó´Ü¿¡ ¹è¿­ÇÏ´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
 
 
¿ÞÂÊ ¹è¿­ ·¹À̺í, ¿À¸¥ÂÊ ¹è¿­ ·¹À̺í, À§ÂÊ ¹è¿­ ·¹À̺í(À̹ÌÁö Ãâó: UX ¸ÅÅͽº(UX Matters))

À§ÂÊ¿¡ ¹è¿­µÈ ·¹À̺íÀÇ °¡Àå Å« ÀåÁ¡Àº ´Ù¾çÇÑ Å©±âÀÇ ·¹À̺í°ú ·ÎÄöóÀÌÁ¦ÀÌ¼Ç ¹öÀüÀÌ UI¿Í Àß ¾î¿ï¸°´Ù´Â Á¡ÀÔ´Ï´Ù. (ƯÈ÷ °ø°£ Á¦¾àÀÌ ÀÖ´Â È­¸éÀÇ °æ¿ì À¯¿ëÇÕ´Ï´Ù.)
 

(À̹ÌÁö Ãâó: CSS Æ®¸¯(CSS-Tricks))
 
 
¿ÞÂÊ¿¡ ¹è¿­µÈ ·¹À̺íÀÇ ÃÖ´ë ´ÜÁ¡Àº ¾ç½Ä ¿Ï¼º ¼Óµµ°¡ °¡Àå ´À¸®´Ù´Â Á¡Àε¥, ÀÌ´Â ·¹À̺í°ú ÀÔ·Â ÇÊµå »çÀÌÀÇ ½Ã°¢Àû °Å¸® ¶§¹®ÀÔ´Ï´Ù. ·¹À̺íÀÇ ±æÀ̰¡ ªÀ»¼ö·Ï ·¹À̺íÀÌ ÀÔ·Â Çʵ忡¼­ ¸Ö¾îÁö°Ô µË´Ï´Ù. ±×·¯³ª ´À¸° ¿Ï¼º ¼Óµµ°¡ ¹Ýµå½Ã ³ª»Û °Í¸¸Àº ¾Æ´Õ´Ï´Ù. ¹Î°¨ÇÑ µ¥ÀÌÅ͸¦ ÀÔ·ÂÇØ¾ß ÇÏ´Â ¾ç½ÄÀÇ °æ¿ì ¿ÀÈ÷·Á ÀÌÁ¡À¸·Î ÀÛ¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ¿îÀü¸éÇã¹øÈ£ ¶Ç´Â Áֹεî·Ï¹øÈ£¿Í °°Àº °³ÀÎ Á¤º¸¸¦ ÀÔ·ÂÇØ¾ß ÇÏ´Â °æ¿ì¿¡´Â »ç¿ëÀÚ°¡ Á¤È®ÇÏ°Ô ÀÔ·ÂÇÒ ¼ö ÀÖµµ·Ï ÀǵµÀûÀ¸·Î ¿Ï¼º ¼Óµµ¸¦ ³·Ãß´Â °Íµµ ÁÁ½À´Ï´Ù. µû¶ó¼­ ¹Î°¨ÇÑ µ¥ÀÌÅ͸¦ ¿äûÇÏ´Â ·¹À̺íÀ» Àд µ¥ ¼Ò¿äµÇ´Â ½Ã°£Àº Áß¿äÇÏÁö ¾Ê½À´Ï´Ù. ÇÏÁö¸¸ ¿ÞÂÊ¿¡ ¹è¿­µÈ ·¹À̺íÀº ¶Ç ´Ù¸¥ ´ÜÁ¡ÀÌ ÀÖ½À´Ï´Ù. °¡·Î °ø°£ÀÌ ¸¹ÀÌ ÇÊ¿äÇÏ´Ù´Â Á¡Àε¥, ÀÌ´Â ¸ð¹ÙÀÏ »ç¿ëÀÚ¿¡°Ô ¹®Á¦°¡ µÉ ¼ö ÀÖ½À´Ï´Ù.
 
(À̹ÌÁö Ãâó: CSS Æ®¸¯)
 
 
¿À¸¥ÂÊ¿¡ ¹è¿­µÈ ·¹À̺íÀÇ Å« ÀåÁ¡Àº ·¹À̺í°ú ÀÔ·Â ÇÊµå »çÀÌÀÇ ½Ã°¢Àû ¿¬°è¼ºÀÌ ¶Ù¾î³ª´Ù´Â Á¡ÀÔ´Ï´Ù. ·¹À̺íÀÌ ÀÔ·Â Çʵ忡 ºñ±³Àû °¡±õ°Ô ¹èÄ¡µÇ±â ¶§¹®ÀÔ´Ï´Ù. ÀÌ·¯ÇÑ ¿ø¸®´Â »õ·Ó°Ô ¸¸µé¾îÁø °ÍÀÌ ¾Æ´Ï¶ó °Ô½´Å»Æ® ½É¸®ÇÐÀÇ ±ÙÁ¢¼ºÀÇ ¹ýÄ¢¿¡¼­ À¯·¡µÈ ¿ø¸®ÀÔ´Ï´Ù. ªÀº ¾ç½ÄÀÇ °æ¿ì ·¹À̺íÀ» ¿À¸¥ÂÊ¿¡ ¹è¿­ÇÒ °æ¿ì ¿Ï¼º ¼Óµµ°¡ ³î¶ó¿ï Á¤µµ·Î ºü¸¨´Ï´Ù. ±×·¯³ª ºÒÆíÇÏ´Ù´Â ´ÜÁ¡ÀÌ ÀÖ½À´Ï´Ù. ÀÌ·¯ÇÑ ¾ç½ÄÀº ¿ÞÂÊ °¡ÀåÀÚ¸®°¡ ºÎÁ·ÇϹǷÎ, º¸´Â °Íµµ ºÒÆíÇϰí Àб⵵ ¾î·Æ½À´Ï´Ù.
 

(À̹ÌÁö Ãâó: CSS Æ®¸¯)
 
 
¿ä¾à: »ç¿ëÀÚ°¡ ºü¸£°Ô ¾ç½ÄÀ» ÆÄ¾ÇÇϵµ·Ï ÇÏ·Á¸é ·¹À̺íÀ» Çʵå À§ÂÊ¿¡ ¹èÄ¡ÇØ¾ß ÇÕ´Ï´Ù. ·¹À̺íÀÌ ÆäÀÌÁö ¾Æ·¡ ¹æÇâÀ¸·Î Á÷¼± ÇüÅ·Π³ª¿­µÇ¹Ç·Î »ç¿ëÀÚ°¡ ÇÑ´«¿¡ ÆÄ¾ÇÇϱâ ÈξÀ ½±½À´Ï´Ù. ¹Ý¸é »ç¿ëÀÚ°¡ ¾ç½ÄÀ» ÁÖÀÇ ±í°Ô Àеµ·Ï ÇÏ·Á¸é ·¹À̺íÀ» ¿ÞÂÊ¿¡ ¹èÄ¡ÇØ¾ß ÇÕ´Ï´Ù. ±×·¯³ª ÀÌ ·¹À̾ƿôÀº ¾ç½Ä ÀÌÇØ ¼Óµµ¸¦ ÀúÇϽÃŰ°í »ç¿ëÀÚ°¡ ¾ç½ÄÀ» Z ÆÐÅÏÀ¸·Î »ìÆìºÁ¾ß ÇÑ´Ù´Â ´ÜÁ¡ÀÌ ÀÖ½À´Ï´Ù.
 
 
ÀζóÀÎ ·¹À̺í(ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®)
ÀÔ·Â Çʵ带 Ŭ¸¯Çϸé ÀÔ·Â ÇʵåÀÇ ÀÚ¸® Ç¥½ÃÀÚ·Î ¼³Á¤µÈ ·¹À̺íÀº »ç¶óÁö¹Ç·Î »ç¿ëÀÚ°¡ ´õ ÀÌ»ó º¼ ¼ö ¾ø°Ô µË´Ï´Ù. µÎ °³ÀÇ Çʵå·Î ±¸¼ºµÈ ¾ç½Ä(»ç¿ëÀÚ À̸§ Çʵå¿Í ¾ÏÈ£ Çʵ常À¸·Î ±¸¼ºµÈ °£´ÜÇÑ ·Î±×ÀÎ ¾ç½Ä)ÀÇ °æ¿ì ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®°¡ È¿°úÀûÀÏ ¼ö ÀÖÁö¸¸, »ç¿ëÀÚ¿¡°Ô ¸¹Àº Á¤º¸¸¦ ¿ä±¸ÇÏ´Â °æ¿ì ½Ã°¢ ·¹À̺í·Î¼­´Â ÀûÇÕÇÏÁö ¾Ê½À´Ï´Ù.
 

(À̹ÌÁö Ãâó: ½º³À¿ÍÀ̾î(snapwi))
 
»ç¿ëÀÚ°¡ ÀÔ·Â Çʵ带 Ŭ¸¯Çϸé ÇØ´ç ·¹À̺íÀÌ »ç¶óÁö°Ô µÇ¹Ç·Î »ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ ÇʵåÀÇ ·¹À̺íÀÌ ¹«¾ùÀ̾ú´ÂÁö ´Ù½Ã È®ÀÎÇÒ ¼ö°¡ ¾ø½À´Ï´Ù. ÀÌ·Î ÀÎÇØ ¿À·ù¸¦ ¹üÇÒ °¡´É¼ºÀÌ ³ô¾ÆÁý´Ï´Ù. ¶Ç ´Ù¸¥ ¹®Á¦´Â »ç¿ëÀÚ°¡ ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®¸¦ ¹Ì¸® ä¿öÁø µ¥ÀÌÅÍ·Î ¿ÀÀÎÇÏ¿© ±×³É Áö³ªÄ¥ ¼ö ÀÖ´Ù´Â Á¡ÀÔ´Ï´Ù(´Ò½¼ ³ë¸Õ ±×·ì(Nielsen Norman Group)ÀÇ ½Ã¼± ÃßÀû ¿¬±¸Á¶»ç ÂüÁ¶).


 

ÇÊµå ·¹À̺í·Î »ç¿ëµÈ ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®
ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®¸¦ ´ëüÇÒ ÈǸ¢ÇÑ ÇØ°áÃ¥Àº ÇÃ·ÎÆÃ ·¹À̺íÀÔ´Ï´Ù. ±âº»ÀûÀ¸·Î ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®°¡ Ç¥½ÃµÇÁö¸¸ ÀÔ·Â Çʵ带 ÅÍÄ¡Çϰí ÅØ½ºÆ®¸¦ ÀÔ·ÂÇϸé ÀÌ ÀÚ¸® Ç¥½ÃÀÚ ÅØ½ºÆ®´Â »ç¶óÁö°í »ó´Ü¿¡ ¹è¿­µÇ´Â ·¹À̺íÀÌ ³ªÅ¸³³´Ï´Ù.
 

(À̹ÌÁö Ãâó: MDS)

 
¿ä¾à: ÀÚ¸® Ç¥½ÃÀÚ¿¡¸¸ ÀÇÁ¸ÇÏÁö ¸»°í ·¹À̺íÀ» ÇÔ²² »ç¿ëÇÕ´Ï´Ù. Çʵ尡 ä¿öÁö¸é ÀÚ¸® Ç¥½ÃÀÚ´Â »ç¶óÁö±â ¶§¹®ÀÔ´Ï´Ù. ÇÃ·ÎÆÃ ·¹À̺íÀ» »ç¿ëÇØ »ç¿ëÀÚ°¡ Á¤È®ÇÑ Çʵ带 ÀÛ¼ºÇϰí ÀÖ´ÂÁö È®ÀÎÇÒ ¼ö ÀÖµµ·Ï ÇÕ´Ï´Ù.
 
 
¾×¼Ç ¹öư
Ŭ¸¯ÇÏ¸é ¾×¼Ç ¹öưÀÌ ¾ç½Ä Á¦Ãâ°ú °°Àº µ¿ÀÛÀ» È£ÃâÇÕ´Ï´Ù.
 
 
±âº» ¾×¼Ç vs. ºÎÂ÷Àû ¾×¼Ç
±âº» ¾×¼Ç°ú ºÎÂ÷Àû ¾×¼Ç »çÀÌ¿¡ ½Ã°¢Àû ±¸ºÐÀÌ ¾øÀ¸¸é ½ÇÆÐ·Î À̾îÁú ¼ö ÀÖ½À´Ï´Ù. ºÎÂ÷Àû ¾×¼ÇÀÇ ½Ã°¢Àû ¹«°Ô¸¦ ÁÙÀÌ¸é ¿À·ù ¹ß»ý °¡´É¼ºÀ» ÁÙÀÏ ¼ö ÀÖÀ» »Ó¸¸ ¾Æ´Ï¶ó »ç¿ëÀÚ°¡ ¾ç½ÄÀ» ¼º°øÀûÀ¸·Î ÀÔ·ÂÇÏ´Â µ¥ µµ¿òÀÌ µË´Ï´Ù.
 

½Ã°¢Àû ±¸ºÐÀÇ À¯¹« Â÷ÀÌ(À̹ÌÁö Ãâó: ·çÅ© ·Îºí¸£½ºÅ°)
 
 
¹öưÀÇ À§Ä¡
º¹ÀâÇÑ ¾ç½Ä¿¡´Â º¸Åë µÚ·Î ¹öưÀÌ ÇÊ¿äÇÕ´Ï´Ù. µÚ·Î ¹öưÀÌ ÀÔ·Â ÇÊµå ¹Ù·Î ¾Æ·¡¿¡ ÀÖÀ¸¸é(¿¹: ¾Æ·¡ÀÇ ¿ÞÂÊ ½ºÅ©¸°¼¦) »ç¿ëÀÚ°¡ ½Ç¼ö·Î ÀÌ ¹öưÀ» ´©¸¦ ¼ö ÀÖ½À´Ï´Ù. µÚ·Î ¹öưÀº ºÎÂ÷Àû ¾×¼Ç¿¡ ÇØ´çÇϹǷΠÁ¢±Ù¼ºÀÌ ³·¾Æ¾ß ÇÕ´Ï´Ù.(¾Æ·¡ÀÇ ¿À¸¥ÂÊ ¾ç½Ä¿¡´Â ¹öưÀÌ ¿Ã¹Ù¸¥ À§Ä¡¿¡ ¹è¿­µÇ¾î ÀÖ½À´Ï´Ù.)
 

 
 
¸í¸í ±ÔÄ¢
¾×¼Ç¿¡´Â “Á¦Ãâ”°ú °°Àº Æ÷°ýÀûÀÎ ´Ü¾îÀÇ »ç¿ëÀ» ÇÇÇØ¾ß ÇÕ´Ï´Ù. ¾ç½Ä ÀÚü°¡ Æ÷°ýÀûÀ̶ó´Â ÀλóÀ» ÁÙ ¼ö Àֱ⠶§¹®ÀÔ´Ï´Ù. ±× ´ë½Å “°èÁ¤ ¸¸µé±â” ¶Ç´Â “ÁÖ°£ À̺¥Æ® ±¸µ¶” µî ¹öưÀ» Ŭ¸¯ÇÏ¸é ¾î¶² ¾×¼ÇÀÌ ¼öÇàµÇ´ÂÁö ±¸Ã¼ÀûÀ¸·Î Ç¥±âÇÏ´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
 

 
 
´ÙÁß ¾×¼Ç ¹öư
¾ç½Ä Á¦ÃâÀ» À§ÇÑ ¹öư¿¡ ´ÙÁß ¾×¼Ç ¹öưÀ» Àû¿ëÇÒ °æ¿ì »ç¿ëÀÚÀÇ ÁýÁßÀ» ¹æÇØÇÒ ¼ö ÀÖÀ¸¹Ç·Î °¡´ÉÇÑ »ç¿ëÇÏÁö ¾Ê´Â °ÍÀÌ ÁÁ½À´Ï´Ù.
 
 
Àç¼³Á¤ ¹öưÀº Àý´ë ¾Ç
Àç¼³Á¤ ¹öưÀº »ç¿ëÇÏÁö ¸¶½Ê½Ã¿À. ÀÌ ¹öưÀº »ç¿ëÀÚ¿¡°Ô ÀåÁ¡º¸´Ù´Â ´ÜÁ¡À¸·Î ÀÛ¿ëÇÏ´Â °æ¿ì°¡ ¸¹½À´Ï´Ù. À¥»ó¿¡ Á¸ÀçÇÏ´Â ¸ðµç Àç¼³Á¤ ¹öưÀÌ »ç¶óÁø´Ù ÇØµµ »ç¿ëÀÚµéÀº ÀüÇô ¾Æ½¬¿öÇÏÁö ¾ÊÀ» °ÍÀÔ´Ï´Ù.
 

 
 
½Ã°¢Àû ¸ð¾ç
¾×¼Ç ¹öưÀº Ŭ¸¯Çϰųª ÅÇÇÒ ¼ö ÀÖÀ» °Íó·³ º¸¿©¾ß ÇÕ´Ï´Ù.
 


À½¿µÀ» ÅëÇØ Ŭ¸¯ÇÒ ¼ö ÀÖÀ½À» ³ªÅ¸³À´Ï´Ù. (À̹ÌÁö Ãâó: ¹Ùµõ ±×·Î¸ðºê(Vadim Gromov))
 
 
½Ã°¢Àû Çǵå¹é
“Á¦Ãâ” ¹öưÀ» µðÀÚÀÎÇÒ ¶§´Â »ç¿ëÀÚÀÇ Á¦Ãâ ¾×¼Ç ÈÄ ¾ç½ÄÀÌ Ã³¸®µÇ°í ÀÖÀ½À» ¸íÈ®ÇÏ°Ô ³ªÅ¸³»¾ß ÇÕ´Ï´Ù. ÀÌ´Â Áߺ¹ Á¦ÃâÀ» ¹æÁöÇÏ´Â µ¿½Ã¿¡ »ç¿ëÀÚ¿¡°Ô Çǵå¹éÀ» Á¦°øÇÒ ¼ö ÀÖ½À´Ï´Ù.


 

À¯È¿¼º °Ë»ç
¾ç½Ä À¯È¿¼º °Ë»ç ¿À·ù´Â ºÒ°¡ÇÇÇÏ¸ç »ç¿ëÀÚ°¡ µ¥ÀÌÅÍ ÀÔ·Â ½Ã ¿À·ù¸¦ ½±°Ô ¹üÇÔÀ¸·Î½á ¹ß»ýÇÏ´Â ÀÚ¿¬½º·¯¿î Çö»óÀÔ´Ï´Ù. ¿À·ù°¡ ¹ß»ýÇϱ⠽¬¿î Á¶°ÇÀº ÃÖ¼ÒÈ­µÇ¾î¾ß ÇÏÁö¸¸ À¯È¿¼º °Ë»ç ¿À·ù´Â 100% Á¦°ÅµÉ ¼ö ¾ø½À´Ï´Ù. µû¶ó¼­ »ç¿ëÀÚ°¡ ¿À·ù¸¦ ÃÖ¼ÒÈ­ÇÒ ¼ö ÀÖµµ·Ï µµ¿Í¾ß ÇÕ´Ï´Ù.
 
ÀζóÀÎ À¯È¿¼º °Ë»ç
»ç¿ëÀÚ°¡ Èûµé°Ô ¾ç½Ä ÀÛ¼ºÀ» ¸¶Ä¡°í Á¦ÃâÇߴµ¥ Á¦ÃâÇÏ°í ³ª¼­¾ß ½Ç¼ö¸¦ ¹ß°ßÇÏ°í ½ÍÁö´Â ¾ÊÀ» °ÍÀÔ´Ï´Ù. ƯÈ÷ ±ä ¾ç½ÄÀ» ÀÛ¼ºÇÏ°í “Á¦Ãâ” ¹öưÀ» ´­·¶´Âµ¥, È­¸é¿¡ ¿©·¯ °³ÀÇ ¿À·ù ¸Þ½ÃÁö°¡ ¶á´Ù¸é Àý¸Á½º·¯¿ï °ÍÀÔ´Ï´Ù. ¾î´À ºÎºÐ¿¡¼­ ¾î¶°ÇÑ ¿À·ù°¡ ¹ß»ýÇß´ÂÁö ¸íÈ®È÷ ¾Ë·ÁÁÖÁö ¾Ê´Â´Ù¸é »ç¿ëÀÚÀÇ ºÒ¸¸Àº ´õ Ä¿Áú °ÍÀÔ´Ï´Ù.
 

(À̹ÌÁö Ãâó: ½ºÅà ÀͽºÃ¼ÀÎÁö(Stack Exchange))

 
À¯È¿¼º °Ë»ç´Â »ç¿ëÀÚ°¡ µ¥ÀÌÅÍ ÀÔ·ÂÀ» ¿Ï·áÇÔ°ú µ¿½Ã¿¡ ÅØ½ºÆ®ÀÇ Á¤È®¼º ¿©ºÎ¸¦ ¾Ë·ÁÁÝ´Ï´Ù. ÁÁÀº ¾ç½Ä À¯È¿¼º °Ë»çÀÇ ±âº» ¿øÄ¢Àº »ç¿ëÀÚ¿Í ¼ÒÅëÇÏ´Â °ÍÀÔ´Ï´Ù. ÀÔ·ÂµÈ µ¥ÀÌÅͰ¡ ¿Ã¹Ù¸£Áö ¾ÊÀº °æ¿ì »ç¿ëÀÚ¿¡°Ô ¸íÈ®ÇÏ°Ô ¾Ë·ÁÁÖ¾î¾ß ÇÕ´Ï´Ù. ½Ç½Ã°£ ÀζóÀÎ À¯È¿¼º °Ë»ç ±â´ÉÀº »ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ µ¥ÀÌÅÍÀÇ Á¤È®¼º ¿©ºÎ¸¦ Áï½Ã ¾Ë·ÁÁÝ´Ï´Ù. ÀÌ Á¢±Ù ¹æ½ÄÀ» »ç¿ëÇÏ¸é »ç¿ëÀÚ´Â “Á¦Ãâ” ¹öưÀ» ´©¸£°í ¿À·ù¸¦ ¹ß°ßÇÒ ¶§±îÁö ±â´Ù¸± ÇÊ¿ä ¾øÀÌ ¿À·ù¸¦ Áï°¢ÀûÀ¸·Î ¼öÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù.
 
±×·¯³ª ´ëºÎºÐÀÇ °æ¿ì ÀÔ·ÂÀ» ¿Ï·áÇϱâ Àü±îÁö´Â Á¤È®¼º ¿©ºÎ¸¦ È®ÀÎÇÏ±â ¾î·Æ±â ¶§¹®¿¡ ÇÑ ±ÛÀÚ¾¿ ÀÔ·ÂÇÒ ¶§¸¶´Ù À¯È¿¼ºÀ» °Ë»çÇÏ´Â °ÍÀº ÇÇÇÏ´Â °ÍÀÌ ÁÁ½À´Ï´Ù. µ¥ÀÌÅÍ ÀÔ·Â µµÁß¿¡ À¯È¿¼º °Ë»ç¸¦ ¼öÇàÇÏ´Â ¾ç½ÄÀº »ç¿ëÀÚ°¡ µ¥ÀÌÅÍ ÀÔ·ÂÀ» ½ÃÀÛÇÏ´Â µ¿½Ã¿¡ ºÒÆíÇÔÀ» ´À³¥ ¼ö ÀÖ½À´Ï´Ù.
 


±¸±Û ÆûÁî(Google Forms)´Â À̸ÞÀÏ ÁÖ¼Ò¸¦ ¸ðµÎ ÀÔ·ÂÇϱ⵵ Àü¿¡ À¯È¿ÇÏÁö ¾ÊÀ½À» ¸í½ÃÇÕ´Ï´Ù. (À̹ÌÁö Ãâó: ¹Ìµð¾ö(Medium))


¹Ý¸é µ¥ÀÌÅÍ ÀÔ·Â ÈÄ À¯È¿¼º °Ë»ç¸¦ ¼öÇàÇÏ´Â ¾ç½ÄÀº »ç¿ëÀÚ°¡ ¿À·ù¸¦ ¼öÁ¤Çß´Ù´Â »ç½ÇÀ» ´õ¿í ½Å¼ÓÇÏ°Ô ¾Ë¸®Áö ¸øÇÕ´Ï´Ù.
 


¾ÖÇà ½ºÅä¾î(Apple Store)ÀÇ À¯È¿¼º °Ë»ç´Â µ¥ÀÌÅÍ ÀÔ·Â ÈÄ ¼öÇàµË´Ï´Ù. (À̹ÌÁö Ãâó: ¹Ìµð¾ö)


¹ÌÇÏ¿¤ ÄÜ¿¹ºñÄ¡(Mihael Konjević)´Â ±×°¡ ¾´ ±â»çÀÎ “¾ç½Ä ¼Ó ÀζóÀÎ À¯È¿¼º °Ë»ç: °æÇè µðÀÚÀΔ¿¡¼­ ´Ù¾çÇÑ À¯È¿¼º °Ë»ç Àü·«À» ´Ù·ç¸é¼­ µÎ °¡Áö Ãø¸éÀ» ¸ðµÎ ¸¸Á·½Ãų ÇÏÀ̺긮µå Àü·«À» Á¦¾ÈÇϰí Àִµ¥, ¹Ù·Î ÄÁÅØ½ºÆ®¿¡ µû¸¥ À¯È¿¼º °Ë»ç Àü·«ÀÔ´Ï´Ù.
 
• »ç¿ëÀÚ°¡ À¯È¿ÇÑ µ¥ÀÌÅ͸¦ ÀÔ·ÂÇß´ø Çʵ忡 µ¥ÀÌÅ͸¦ ÀÔ·ÂÇÏ´Â °æ¿ì(¿¹: ÀÌÀü¿¡ ÀÔ·ÂµÈ µ¥ÀÌÅͰ¡ À¯È¿ÇÑ °æ¿ì) µ¥ÀÌÅÍ ÀÔ·Â ÈÄ À¯È¿¼ºÀ» °Ë»çÇÕ´Ï´Ù.
• »ç¿ëÀÚ°¡ À¯È¿ÇÏÁö ¾ÊÀº µ¥ÀÌÅ͸¦ ÀÔ·ÂÇß´ø Çʵ忡 µ¥ÀÌÅ͸¦ ÀÔ·ÂÇÏ´Â °æ¿ì(¿¹: ÀÌÀü¿¡ ÀÔ·ÂÇÑ µ¥ÀÌÅͰ¡ À¯È¿ÇÏÁö ¾ÊÀº °ÍÀ¸·Î ³ªÅ¸³­ °æ¿ì) µ¥ÀÌÅÍ ÀÔ·Â µµÁß¿¡µµ À¯È¿¼ºÀ» °Ë»çÇÕ´Ï´Ù.
 


ÇÏÀ̺긮µå Á¢±Ù ¹æ½Ä: ÄÁÅØ½ºÆ®¿¡ µû¸¥ À¯È¿¼º °Ë»ç Àü·« (À̹ÌÁö Ãâó: ¹Ìµð¾ö)


 
µ¥ÀÌÅÍ º¸È£
Á¦ÇÁ ·¡½ºÅ²(Jef Raskin)Àº “½Ã½ºÅÛÀº »ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ ¸ðµç Á¤º¸¸¦ ¼ÒÁßÈ÷ ´Ù·ï¾ß ÇÑ´Ù”°í ¸»ÇÕ´Ï´Ù. ¿©·¯ Á¤º¸°¡ Æ÷ÇÔµÈ ¾ç½ÄÀÇ Æ¯¼ºÀ» °í·ÁÇÒ ¶§ ÀÌ´Â Àý´ëÀûÀ¸·Î Àû¿ëµÇ´Â ¸»ÀÔ´Ï´Ù. ¿¹¸¦ µé¾î ¾ç½ÄÀ» ÀÔ·ÂÇÏ´Â µµÁß ½Ç¼ö·Î ÆäÀÌÁö¸¦ »õ·Î °íÃÆÀ» ¶§ µ¥ÀÌÅͰ¡ Çʵ忡 ±×´ë·Î ³²¾Æ ÀÖ´Ù¸é »ç¿ëÀÚ´Â ¾ÈµµÀÇ ÇѼûÀ» ³»½¬°Ô µË´Ï´Ù. °¥¸¯.Á¦ÀÌ¿¡½º(Garlic.js)¿Í °°Àº ÅøÀ» »ç¿ëÇÏ¸é ¾ç½Ä¿¡ ÀÔ·ÂµÈ °ªÀÌ Á¦ÃâµÉ ¶§±îÁö ·ÎÄÿ¡ º¸°üÇÒ ¼ö ÀÖ½À´Ï´Ù. µû¶ó¼­ »ç¿ëÀÚ´Â ÅÇ ¶Ç´Â ºê¶ó¿ìÀú¸¦ ½Ç¼ö·Î ´Ý¾Ò´õ¶óµµ ¼ÒÁßÇÑ µ¥ÀÌÅ͸¦ ÀÒÁö ¾Ê°Ô µË´Ï´Ù.


 

´ëÈ­Çü ÀÎÅÍÆäÀ̽º: Çõ½ÅÀûÀÎ ¾ç½Ä µðÀÚÀÎ
ÃÖ±Ù ´ëÈ­Çü ÀÎÅÍÆäÀ̽º¿Í 꺿ÀÌ Å« Àα⸦ ¸ðÀ¸¸ç ³Î¸® »ç¿ëµÇ°í ÀÖ½À´Ï´Ù. ÀÌ·¯ÇÑ Çö»óÀº ¿©·¯ À¯Çà¿¡¼­ ±âÀÎÇÏ¿´´Âµ¥, ƯÈ÷ »ç¶÷µéÀº ¼Ò¼È ³×Æ®¿öÅ©º¸´Ù ¸Þ½Ã¡ ¾ÛÀ» ´õ ¸¹ÀÌ »ç¿ëÇϰí ÀÖ½À´Ï´Ù. ÀÌ¿Í °°Àº Æ®·»µå´Â ¼ö¸¹Àº ½ÇÇèÀ¸·Î À̾îÁ³°í, ±× °á°ú ¸Þ½Ã¡°ú À¯»çÇÑ ÇüÅÂÀÇ ½º·¹µå Çü½ÄÀÇ ´ëÈ­¿¡¼­ ¼îÇΰú °°Àº ´Ù¾çÇÑ »óÈ£ ÀÛ¿ëÀ» Áö¿øÇÏ´Â ¼öÁرîÁö ÁøÈ­Çϰí ÀÖ½À´Ï´Ù. ÀÌ¿Í ´õºÒ¾î À¥ ¾ç½Ä°ú °°Àº ±âÁ¸ÀÇ ¿ä¼ÒÁ¶Â÷ ÀÌ·¯ÇÑ Æ®·»µå ¼Ó¿¡¼­ º¯È­¸¦ °æÇèÇϰí ÀÖ½À´Ï´Ù. µðÀÚÀ̳ʵéÀº ±âÁ¸ÀÇ À¥ ¾ç½ÄÀÌ ÀÎÅÍ·¢Æ¼ºêÇÑ ´ëÈ­Çü ÀÎÅÍÆäÀ̽º·Î Å»¹Ù²ÞÇÒ °ÍÀ¸·Î ¿¹»óÇϰí ÀÖ½À´Ï´Ù.
 
ÀÚ¿¬¾î ÀÎÅÍÆäÀ̽º
¸ðµç ÀÎÅÍÆäÀ̽º°¡ ´ëÈ­Çü. ±âÁ¸ ¾ç½Ä(ÈçÈ÷ »ç¿ëµÇ´Â µðÀÚÀÎ ¾ç½Ä)Àº ´ëÈ­¿Í ¸Å¿ì À¯»çÇÕ´Ï´Ù. À¯ÀÏÇÑ Â÷ÀÌÁ¡Àº Áú¹®ÇÏ´Â ¹æ½ÄÀÔ´Ï´Ù. ÇÏÁö¸¸ ±â°è°¡ ¾Æ´Ñ ½ÇÁ¦ Àΰ£ÀÇ ´ëÈ­¿Í ¸Å¿ì ±ÙÁ¢ÇÑ ¹æ½ÄÀ¸·Î Áú¹®ÇÏ´Â ¾ç½ÄÀ» µðÀÚÀÎÇÑ´Ù¸é ¾î¶»°Ô µÉ±î¿ä? Áï, ¹«¹Ì°ÇÁ¶ÇÑ ¿ë¾î·Î ±â°è¿Í ÀÇ»ç¼ÒÅëÇÏ´Â °ÍÀÌ ¾Æ´Ï¶ó Àΰ£ÀÇ ¾ð¾î·Î »óÈ£ ÀÛ¿ëÇÏ´Â °ÍÀÔ´Ï´Ù. ¾Æ·¡ ¾ç½ÄÀº ´ëÈ­ ±â¹ÝÀÇ »óȲÀ» ¸¸µé¾î ±âÁ¸ À¥ ¾ç½Ä ¿ä¼Ò(¿¹: ·¹ÀÌºí ¹× ÀÔ·Â Çʵå)¸¦ ÀÌ¿ëÇÏÁö ¾Ê°íµµ ¿øÈ°ÇÑ ÀÌÇØ¸¦ µ½½À´Ï´Ù.
 



ÀÌ ÄÚµå·Ó½º(Codrops)ÀÇ ¾ç½Ä µðÀÚÀÎÀº Àΰ£ÀÇ ´ëÈ­¿Í À¯»çÇÑ ´ëÈ­Çü ÆÐÅÏÀ» »ç¿ëÇß½À´Ï´Ù.
 
 
´ëÈ­Çü ¾ç½Ä
´ëÈ­Çü ¾ç½ÄÀº À¥ ÆäÀÌÁö ±â¹ÝÀÇ ¸ðµç ¾ç½ÄÀ» ´ëÈ­Çü ÀÎÅÍÆäÀ̽º·Î ¼Õ½±°Ô º¯È¯½ÃŰ´Â ¿ÀÇ ¼Ò½º °³³äÀÔ´Ï´Ù. ´ëÈ­Çü ¾ç½ÄÀº ¸ðµç ÀÔ·Â ¿ä¼Ò¸¦ ¿ÏÀüÈ÷ ´ëÈ­Çü ¿ä¼Ò·Î ´ëüÇϰí, ÀÌÀü Áú¹®¿¡¼­ Àç»ç¿ë °¡´ÉÇÑ º¯¼ö¿Í ½ºÅ¸ÀÏ¿¡ ´ëÇÑ ¿Ïº®ÇÑ »ç¿ëÀÚ Á¤ÀÇ ¹× Á¦¾î¸¦ Á¦°øÇÕ´Ï´Ù. ÀÌ ÇÁ·ÎÁ§Æ®´Â »ç¿ëÀÚ °æÇè°ú »óÈ£ ÀÛ¿ë¿¡ ´ëÇÑ ÀνÄÀÌ Èï¹Ì·Ó°Ô º¯È­Çϰí ÀÖÀ¸¸ç, »ç¿ëÀÚÀÇ Æ¯Á¤ ¸ñÀûÀ» ´Þ¼ºÇϵµ·Ï ÇÏ´Â µ¥ ÅØ½ºÆ® ±â¹ÝÀÇ ´ëÈ­°¡ ¸¹ÀÌ »ç¿ëµÇ°í ÀÖÀ½À» º¸¿©ÁÝ´Ï´Ù.


 
°á·Ð
»ç¿ëÀÚ°¡ ¾ç½Ä ÀÛ¼ºÀ» ÁÖÀúÇÏÁö ¾Êµµ·Ï ÇÁ·Î¼¼½º¸¦ ÃÖ´ëÇÑ ½±°í °£°áÇÏ°Ô ¸¸µé¾î¾ß ÇÕ´Ï´Ù. °ü·Ã ÇÊµå ±×·ì ÁöÁ¤, °¢ Çʵ忡 Æ÷Ç﵃ Á¤º¸ Ç¥½Ã µî ÀÛÀº º¯È­¸¸À¸·Îµµ »ç¿ë¼ºÀ» ´ëÆø Çâ»ó½Ãų ¼ö ÀÖ½À´Ï´Ù. »ç¿ë¼º Å×½ºÆ®´Â ¾ç½Ä µðÀÚÀο¡ À־ Çʼö ºÒ°¡°áÇÑ °ÍÀÔ´Ï´Ù. ¸î ¸íÀÇ »ç¶÷À» ´ë»óÀ¸·Î Å×½ºÆ®Çϰųª Á÷Àå µ¿·á ÇÑ »ç¶÷¿¡°Ô ÇÁ·ÎÅäŸÀÔÀ» »ç¿ëÇØ º¸±æ ¿äûÇÏ´Â °Í¸¸À¸·Îµµ ¾ç½ÄÀÇ »ç¿ë¼º¿¡ ´ëÇÑ ÈǸ¢ÇÑ ÀλçÀÌÆ®¸¦ ¾òÀ» ¼ö ÀÖ½À´Ï´Ù.
 
´ëºÎºÐÀÇ »ç¶÷µéÀÌ ÇÑ ¹øÂë ¸ÂÃß´Ù°¡ Æ÷±âÇÑ °æÇèÀÌ ÀÖÀ» ¹ýÇÑ ·çºò Å¥ºêµµ ¸î °¡Áö ¿ä·É¸¸ ¾Ë¸é ¼Õ½±°Ô ¸ÂÃâ ¼ö ÀÖµíÀÌ ¸ðµç ¹®Á¦¿¡´Â ÇØ°á ¹æ¹ýÀÌ Àֱ⠸¶·ÃÀÔ´Ï´Ù.

¿ø¹®º¸±â : https://theblog.adobe.com/designing-more-efficient-forms-structure-inputs-labels-and-actions/
Posted by kimdirector | 2018.03.28 | Hit : 1674
Origin https://blogs.adobe.com/creativedialogue/ko/design-ko/designing-more-efficient-forms-structure-inputs-labels-and-actions/
Tags µðÀÚÀΠ ÄÚµù  ÄÚµå·Ó½º  ¾îµµºñ XD 
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=webaccessibility&no=122

COMMENT
Commented by kimdirector
2018.03.28 20:26:31 X
³¬½Ã¼º ±ÛÀÌ¿´½À´Ï´Ù. Adobe XD¸¦ »ç¿ëÇ϶ó´Â ³»¿ëÀÔ´Ï´Ù¸¸, À¥ÆäÀÌÁö ÄÚµù ¶Ç´Â µðÀÚÀÎÇÒ ¶§ Âü°íÇÒ ¸¸ÇÑ ±ÛÀÓ¿¡´Â Ʋ¸²¾ø´Â ³»¿ëÀ¸·Î ºÁ¾ß ÇÒ µí ÇÕ´Ï´Ù. °á±¹ »ç¿ëÀÚ¸¦ À§ÇÑ ¹è·Á¿Í Ä£ÀýÇÔÀÌ ÀÖ´Â À¥»çÀÌÆ®°¡ ÁÁÀº »çÀÌÆ®¶ó´Â Á¡À» ¾ê±âÇϰí ÀÖÁö¸¸, °ú¿¬ ÀÌ ¸ðµç °ÍÀ» ½ÇÇàÇÏ´Â À¥»çÀÌÆ®´Â Àüü¿¡¼­ ¾ó¸¶³ª µÉ±î¿ä?
¸ðµç °ÍµéÀº Âü°íÀÏ »Ó, ºÎºÐÀûÀ¸·Î Àû¿ëÇØ º¸´Â °Íµµ ÁÁÀ» µí ÇÕ´Ï´Ù. ÆÇ´ÜÀº ¿©·¯ºÐÀÇ ¸òÀ̴ϱî¿ä.

±ä Àå¹®À» ÀÐ°í ¿©±â±îÁö ¼Õ°¡¶ôÀ» ±îµüÀÎ ´ç½Å, °í»ýÇϼ̽À´Ï´Ù.
¸ñ·Ïº¸±âÀÌÀüº¸±â
WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us   Review Portfolio Design Review Leaders Story Mobile Work IT Information Web Identity Work Everyday Mobile Life Webdesign Web Development Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site  ETC. Work  Artwork  Typography Work
Tags
firefox3 ÅÂºí¸´ B2B Æ®·£µå Å×À̺í ÇÁ·ÎÁ§Æ® ¾ÆÀÌÄÜ iOS ¹«·á HTML5 »ç¹°ÀÎÅÍ³Ý À¯Æ¿¸®Æ¼ µðÀÚÀÎ À¥ºê¶ó¿ìÀú ·Î°íµðÀÚÀÎ ÆÀÀå º¤ÅÍ CIP Àü·«Àû »ç°í ¾ÆÀ̵§Æ¼Æ¼ À̹ÌÁö »ý»ê¼º ±¸ÀÎ ÆÄ¿öÆ÷ÀÎÆ® À¥»çÀÌÆ® ÄÚµù ¸Æ Á¢±Ù¼º ¹«·á ÀÚ¹Ù½ºÅ©¸³Æ® Adobe UX ¾ÆÀÌŬ¶ó¿ìµå ¾îÇø®ÄÉÀÌ¼Ç ¿Â¶óÀÎ °ÔÀÓ ¾Û ¾îµµºñ PNG À¥»çÀÌÆ® ·¹½ÃÇÇ
Recommend Tags
µðÀÚÀÎ ¾ÅÅ· ÆÛ½º³Î ºê·£µå »ç¿ëÀÚ °æÇè ¼­ºñ½º µðÀÚÀÎ