¡°(³×À̹ö ³»ºÎ) ¼ºñ½º·ÎÀÇ ¿¬°áº¸´Ù´Â Á» ´õ ºü¸£°í ½¬¿î °Ë»öȯ°æÀ» ¸¸µé°íÀÚ Çß½À´Ï´Ù. ±×·± ȯ°æÀ» À§Çؼ °Ë»ö⿵¿ª, °Ë»öºÐ·ù¿µ¿ª, °Ë»ö°á°ú¿µ¿ªÀÇ È®½ÇÇÑ ºÐ¸®´Â ÇʼöÁ¶°ÇÀ̾ú½À´Ï´Ù. ´ëºÎºÐ »ç¿ëÀÚµéÀÌ ¾ÆÁ÷µµ ÅëÇÕ°Ë»ö Àüü ȸéÀ» ¸ðµÎ ½ºÄ³´× ÇÏ´Â(ÈÈ´Â) ÇüŸ¦ ¶ì°í ÀÖÁö¸¸, °Ë»ö ºÐ·ù Åǰú °¢Á¾ Á¤·Äº¸±â ¿É¼Ç µîÀ» Áö±Ý º¸´Ù ´õ Àû±Ø »ç¿ëÇÑ´Ù¸é ÀÚ½ÅÀÌ ¿øÇÏ´Â °á°ú °ªÀ» Á» ´õ ºü¸£°í ½±°Ô ãÀ» ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.¡± - ÇÑÁÖÈñ NHN °Ë»ö UI·¦ ÆÀÀå
NHNÀÌ ¿î¿µÇÏ´Â ±¹³» ÃÖ´ë Æ÷ÅÐ ³×À̹ö(http://www.naver.com)°¡ Áö³ 8ÀÏ ÅëÇÕ°Ë»ö °á°ú »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º(ÀÌÇÏ UI) °³ÆíÀ» ´ÜÇàÇß´Ù. ´Ü¼øÇÑ Àϰ³ °Ë»ö¿£ÁøÀÇ º¯È ÀÌ»óÀ» ÀǹÌÇÑ´Ù. °Ë»ö ½ÃÀåÁ¡À¯À² 70~80%ÀÎ ³×À̹ö·Î¼´Â Àüü ÀÎÅÍ³Ý »ç¿ë ÆÐÅÏ¿¡ Àý´ëÀûÀÎ ¿µÇâÀ» ÁÙ °ÍÀÌ ÀÚ¸íÇϱ⠶§¹®ÀÌ´Ù.
À̹ø °³Æí¿¡¼ ³×À̹ö´Â ¡°¡®°Ë»ö°á°ú¡¯¿Í ¡®µðÀÚÀÎ ¿ä¼Ò¡¯¸¦ È¿À²ÀûÀ¸·Î ºÐ¸®ÇØ °Ë»ö ¼Óµµ¸¦ Çâ»ó½Ã۰í, °Ë»ö ÆäÀÌÁöÀÇ UI¸¦ °³¼±ÇØ °¡µ¶¼º°ú ½ÃÀμºÀ» ´ëÆø °ÈÇß´Ù¡±°í ¸»Çϰí ÀÖ´Ù. ƯÈ÷ °Ë»ö°á°ú È¸é »ó-ÇÏ´Ü¿¡ ³×À̹ö ±×¸° À©µµ¸¦ Àû¿ë, °Ë»öâÀÇ ÁÖ¸ñµµ¸¦ °ÈÇÏ°í °Ë»ö °á°ú¿¡¼ ºí·Î±×, Ä«Æä µî ³×À̹öÀÇ ´Ù¸¥ ¿µ¿ªÀ¸·Î ½±°Ô À̵¿ÇÒ ¼ö ÀÖµµ·Ï ±â´ÉÀ» Ãß°¡Çß´Ù°í ¼³¸íÇß´Ù.
ÀÌ¿¡ ´ëÇÑ ³×ƼÁðµéÀÇ ¹ÝÀÀÀº ±Ø¸íÇÏ°Ô ¾ù°¥¸°´Ù. ¡°ÈξÀ ´õ ´Ü¼øÇØÁö°í Àüü ¼Ò½ºÄÚµå ±¸¼ºÀÌ ¿ì¼öÇØÁ³´Ù¡± ¡°À¥ Ç¥ÁØ Áؼö¿¡ ´õ °¡±î¿öÁ³´Ù¡±´Â µî ÀϺΠ¸¶´Ï¾ÆµéÀÌ Æò°¡¿Í ´Þ¸®, ¸î¸î ³×ƼÁðÀº ¡°¾î»öÇÏ°í ºÒÆíÇÏ´Ù¡±¸ç °ÇÑ ºÒ¸¸À» ÅͶ߸®°í ÀÖ´Â »óȲÀÌ´Ù. ½ÇÁ¦·Î ³×À̹ö °ø½Ä ºí·Î±×¿¡´Â °³Æí ÀÌÈÄ Áö±Ý±îÁö ÇÏ·ç¿¡µµ ¼ö½Ê °Ç¾¿ ¡°Ã̽º·´´Ù¡± ¡°¿¹Àü °ÍÀÌ ´õ Æí¸®ÇÏ´Ù¡± ¡°³Ê¹« ÈÕÇÏ´Ù(ÅÖ ºñ¾îÀÖ´Â ´À³¦ÀÌ´Ù)¡± ¡°±¸±Û µû¶ó Çϱâ´Ù¡± ¸ç Ç×ÀÇÇÏ´Â ±ÛÀÌ ½ñ¾ÆÁö°í ÀÖ´Ù.
À̹ø °³ÆíÀ» ¸Ã´Â ÇÙ½É ´ã´çÀÚ´Â ÀÌ¿¡ ´ëÇØ ¾î¶² ÀǰßÀ» °¡Áö°í ÀÖ´Â °ÍÀϱî. ÇÑÁÖÈñ NHN °Ë»ö UI·¦ ÆÀÀå°ú ´Üµ¶ ¼¸é ÀÎÅͺ並 ÅëÇØ ³×À̹ö °Ë»ö °³Æí¿¡ ´ëÇÑ »ý°¢µéÀ» µé¾îºÃ´Ù.
ÇÑÁÖÈñ ÆÀÀåÀº ¡°³×À̹ö´Â ¼ºñ½º °³¼³ ÀÌÈÄ Áö±Ý±îÁö Áö¼ÓÀûÀ¸·Î UI¸¦ °³¼±ÇؿԴ١±¸ç ¡°´ëºÎºÐÀÇ »ç¶÷µéÀÌ °Ë»öȸéÀÇ º¯È¸¦ ÀÎÁö ÇÒ ¼ö Á¤µµÀÇ °³ÆíÀº 2005³â 12¿ù ÀÌÈÄ Ã³À½À̶ó°í ÇÒ ¼ö ÀÖ´Ù¡±°í ¼³¸íÇß´Ù.
±×´Â ¡°°Ë»öÀº ´Ù¸¥ ¼ºñ½º¿Í´Â ´Þ¸® UI º¯°æ¿¡ ´ëÇØ¼ »ç¿ëÀÚµéÀÌ ¸¹ÀÌ ¿¹¹ÎÇϱ⠶§¹®¿¡ ÅØ½ºÆ® Çϳª ¹öư Çϳª º¯°æ¿¡ ¸¹Àº °í¹Î°ú Å×½ºÆ® °úÁ¤À» °ÅÄ¡°í ÀÖ´Ù¡±¸ç ¡°À̹ø °³ÆíÀº µ¥ÀÌÅͺ£À̽º(DB) Áß½ÉÀ̶ó±âº¸´Ù´Â UI¿Í µðÀÚÀÎ Áß½ÉÀ¸·Î ÁøÇàµÆ´Ù¡±°í ¸»Çß´Ù.
À̹ø °³Æí¿¡¼ ³×À̹ö°¡ ³»¼¼¿ì´Â °ÍÀº ¡®»õ·Î Á¤¸®µÈ °Ë»öȸ顯¿¡ ¡®³ì»ö À©µµ °Ë»ö⠺ΰ¢¡¯ µÎ °¡Áö´Ù. ƯÈ÷ µðÀÚÀÎ ¿ä¼Ò¿Í °Ë»ö °á°ú¸¦ ºÐ¸®ÇÏ´Â ÀÛ¾÷À» ´ÜÇàÇß´Ù. ·¹À̾ƿôÀ» À§ÇÑ ¸¶Å©¾÷À» Å×À̺í(table) ±â¹Ý¿¡¼ DIV ±â¹ÝÀ¸·Î Á¦ÀÛÇÑ °ÍÀÌ´Ù.
À¥ Ç¥ÁØ ÄÚµùÀ» ÇÏ°Ô µÇ¸é ±¸Á¶(html)¿Í Ç¥Çö(CSS)ÀÌ ºÐ¸®µÅ º¸´Ù ¸íÈ®ÇÑ ¹®¼±¸Á¶(½Ã¸àƽ À¥)¸¦ Á¦½ÃÇÒ ¼ö ÀÖ´Ù. ƯÈ÷ ÀÌ·¯ÇÑ ¹®¼±¸Á¶´Â CSS¸¦ Áö¿øÇÏÁö ¾Ê´Â ÀåÄ¡(½Ã°¢Àå¾ÖÀÎ ¸®´õ µî)¿¡¼µµ ¿Ã¹Ù¸£°Ô Á¤º¸¸¦ Àü´Þ ÇÒ ¼ö ÀÖ´Â ÀåÁ¡ÀÌ ÀÖ´Ù.
±×´Â ƯÈ÷ ¡°À¥ Ç¥ÁØ ±¸ÇöÀ» ÅëÇØ ù ÆäÀÌÁö ÄÚµå ¿ë·®ÀÌ ÁÙ¾î, Æ®·¡ÇÈ °¨¼Ò ¹× ¼Óµµ °³¼±ÀÌ °¡´ÉÇØÁ³´Ù¡±¸ç ¡°¹®¼±¸Á¶ ¼öÁ¤ ¾øÀ̵µ ´Ù¾çÇÑ µðÀÚÀÎÀ» CSS¸¸À¸·Î Á¦¾îÇÒ ¼ö ÀÖ¾î µðÀÚÀ̳ÊÀÇ Ã¢ÀÇ·ÂÀÌ ³ô¾ÆÁö°í °³¹ß ¸®¼Ò½ºµµ Àý°¨µÉ ¼ö ÀÖ¾ú´Ù¡±°í °Á¶Çß´Ù.
ÇÑÆÀÀåÀº ¶Ç ¡°À̹ø °³ÆíÀº À¥ Ç¥ÁØÀ» ±âº»À¸·Î Ç쵂 ÁÖ¸ñÇ¥¿Í ¸ñÀûÀº ¸ðµç »ç¿ëÀÚ »ç¿ë¼º°ú Á¢±Ù¼ºÀÇ ÃÖÀûÁ¡À» ã´Â °ÍÀ¸·Î, ¹«Á¶°ÇÀûÀÎ À¥ Ç¥ÁØÀº ÀǵµÇÏÁö´Â ¾Ê¾Ò´Ù¡±°í µ¡ºÙ¿´´Ù.
ÀÌ ¹Û¿¡µµ ³×À̹ö´Â °Ë»ö UIÀÇ ÇÙ½ÉÀÎ ¡®°¡µ¶¼º¡¯°ú ¡®½ÃÀμº¡¯À» °³¼±Çϱâ À§ÇØ ±Û²Ã À̿ܿ¡ ºí¸´ ¾ÆÀÌÄÜ µîÀÇ µðÀÚÀÎ ¿ä¼ÒµéÀ» Á¤¸®Çϰí, ÁÂ¿ì ½ºÄ³´× ¾ÈÁ¤¼ºÀ» ³ôÀ̱â À§ÇØ °Ë»ö°á°ú Æø¿¡ º¯È¸¦ Áá´Ù.
³×À̹ö´Â Àüü °³Æí¿¡ ¾Õ¼ 10¿ù 22ÀÏ~25ÀÏ, 11¿ù 1ÀÏ~4ÀÏ µÎ Â÷·Ê¿¡ °ÉÃÄ Àüü»ç¿ëÀÚ Áß ·Î±×Àλç¿ëÀÚ Áß ÀϺθ¦ ´ë»óÀ¸·Î »ç¿ëÀÚ Ã¼Çè °úÁ¤(¹öŶÅ×½ºÆ®)À» ÁøÇàÇß´Ù. ÇÑÆÀÀåÀº ¡°1Â÷ ¶§´Â Áö±Ý °³ÆíÀÇ ¸ð½Àº¸´Ù ´õ ºü¸£°í °¡º¿î ´Ü¼ø °Ë»öȸéÀ» Å×½ºÆ® Çß´Ù¡±¸ç ¡°»ó´Ü °Ë»öâ °Ë»ö¹öưÀ» ±âÁØÀ¸·Î Á» ´õ ¸¹Àº º¯È¿¡ ´ëÇÑ Å×½ºÆ®¿´´Ù¡±°í ¼³¸íÇß´Ù.
±×´Â ¡°Å×½ºÆ® °á°ú »ç¿ëÀÚµéÀº ¿ì¸®°¡ »ý°¢ÇÏ´Â °Íº¸´Ù ¹Ì¹¦ÇÑ º¯È¿¡ ´ëÇÑ ¹ÝÀÀÀÌ ÀǿܷΠ¸¹¾Ò´Ù¡±¸ç ¡°³ì»öÀ» ¸¹ÀÌ ¹èÁ¦Çϰí ÁøÇàÇß´ø 1Â÷ °á°ú¸¦ ¹ÙÅÁÀ¸·Î º¸¿ÏµÈ 2Â÷ Å×½ºÆ®¸¦ ÁøÇàÇß´Ù¡±°í ¸»Çß´Ù.
¡°¼ºñ½º Ȱ¿ëÀ̳ª ³ª¿¡¯º¸´Ù´Â ¡®°Ë»ö¡¯ ÂÊ¿¡ ¸Å¿ì ÁýÁߵǾî ÀÖ´Ù´Â ´À³¦ÀÌ µç´Ù¡±´Â Áú¹®¿¡ ÇÑÆÀÀåÀº ¡°³×À̹ö °Ë»ö°á°ú ȸ鿡¼ »ç¿ëÀÚ°¡ °¡Àå ¿øÇÏ´Â °ÍÀº ¾ó¸¶³ª ½±°Ô »¡¸® Àß Ã£´À³Ä°¡ °¡Àå Áß¿äÇÑ °Í¡±À̶ó¸ç ¡°(³»ºÎ) ¼ºñ½º·ÎÀÇ ¿¬°áº¸´Ù´Â Á» ´õ ºü¸£°í ½¬¿î °Ë»öȯ°æÀ» ¸¸µé°íÀÚ ³ë·ÂÇß´Ù¡±°í ¿ª¼³Çß´Ù.
±×´Â ¡°°Ë»ö⿵¿ª, °Ë»öºÐ·ù¿µ¿ª, °Ë»ö°á°ú¿µ¿ªÀÇ È®½ÇÇÑ ºÐ¸®°¡ ÇÊ¿äÇß´Ù¡±¸ç ¡°´ëºÎºÐÀÇ »ç¿ëÀÚµéÀÌ ¾ÆÁ÷µµ ÅëÇÕ°Ë»ö Àüü ȸéÀ» ¸ðµÎ ÈÈ´Â ÇüŸ¦ ¶ì°í ÀÖÁö¸¸ °Ë»ö ºÐ·ù Åǰú °¢Á¾ Á¤·Äº¸±â ¼±Åø޴º µîÀ» Áö±Ý º¸´Ù ´õ Àû±Ø »ç¿ëÇÑ´Ù¸é ÀÚ½ÅÀÌ ¿øÇÏ´Â °á°ú °ªÀ» Á» ´õ ºü¸£°í ½±°Ô ãÀ» ¼ö ÀÖÀ» °Í¡±À̶ó°í ÁöÀûÇß´Ù. ù ÆäÀÌÁö ½ÂºÎ À§ÁÖÀÎ ÅëÇÕ °Ë»öÀÇ »ç¿ë ½À°üÀ» °Ë»ö ÅÇÀ̳ª °Ë»ö¿É¼Ç Ȱ¿ë ÂÊÀ¸·Î ÀÚ¿¬½º·´°Ô ¿Å°Ü°¡µµ·Ï ÇÑ Àü·«À» °£Á¢ÀûÀ¸·Î ¿³º¼ ¼ö ÀÖ´Â ºÎºÐÀÌ´Ù.
µÎ²¨¿î ³ì»ö Å׵θ®°¡ µÎµå·¯Áö´Â ¡®°Ë»ö Äõ¸® â(ÀÏ¸í ³×À̹ö ±×¸° À©µµ)¡¯¿¡ ´ëÇÑ ¼³¸íÀÌ À̾îÁ³´Ù.
±×´Â ¡°ÀÎÅͳÝ=°Ë»ö, °Ë»ö=³×À̹ö¶ó´Â À̹ÌÁö¸¦ Çü»óÈÇÔÀ¸·Î½á ¹«ÇüÀ¸·Î Á¸ÀçÇÏ´Â °Ë»öÀÇ ´ëÇ¥ À̹ÌÁö¸¦ ¾ÆÀÌÄÜÀ¸·Î ÁøÈ½ÃŲ ºñÁÖ¾ó ºê·£µùÀÇ Ã¹°ÉÀ½¡±À̶ó¸ç ¡°ÀÌ Ã¹°ÉÀ½ÀÌ ÁÖ¿ä ¸ÅüµéÀ» ÅëÇØ ÀÎÁöµµ°¡ È®´ëµÆ°í, µû¶ó¼ °Ë»ö°³Æí¿¡ ±âº» °Ë»öâ ´ë½Å ±×¸°À©µµ¸¦ Àû¿ëÇÏ°Ô µÆ´Ù¡±°í ÇØ¼®Çß´Ù.
À¥ Ç¥ÁØ ±¸Çö¿¡ ´ëÇÑ Áú¹®¿¡ ÇÑ ÆÀÀåÀº ¡°NHN¿¡¼ Á¦À۵Ǵ ¸ðµç html °³¹ß »êÃâ¹°Àº Å©·Î½º ºê¶ó¿ì¡(´ÙÁß À¥ºê¶ó¿ìÀú¿¡¼ µ¿ÀÛ °¡´ÉÇÑ È¯°æ)ÀÌ Çʼö¡±¶ó¸ç ¡°À¥ Ç¥ÁØÀ» ±Ù°£À¸·Î »ç¿ëÀÚ¿¡ ´ëÇÑ Á¢±Ù¼º ¹× »ç¿ë¼º ±×¸®°í Á¦ÀÛÀÚ ÀÔÀå¿¡¼ÀÇ ÃÖÀûÈ µî ¿¬±¸°³¹ßÀ» Áö¼ÓÀûÀ¸·Î Çϰí ÀÖ´Ù¡±°í ¸»Çß´Ù.
ÇöÀç ³×À̹ö´Â html ±â¼ú¿¡ ´ëÇÑ ÀüÆÄ ¿Í °øÀ¯¸¦ ¸ñÀûÀ¸·Î ÆÀ ³» Á¤º¸ÃàÀû ¹× °øÀ¯¸¦ ¸ñÀûÀ¸·Î Á¦ÀÛµÈ »çÀÌÆ®¸¦ ¿ÜºÎ¿¡ °ø°³(http://html.nhndesign.com)ÇÑ »óÅ´Ù.












¸¶ÀÌȨ




