À¥»çÀÌÆ®¸¦ ±¸ÃàÇÏ°í ¿î¿µÇϱâ À§Çؼ´Â ¾Æ·¡¿Í °°Àº Á¶Á÷µéÀÌ ÇÊ¿äÇÏ´Ù. Á¶Á÷ÀÌ ÀÛÀº °æ¿ì ÇÑ µÎ ¸íÀÇ ´ã´çÀÚ°¡ ¿©·¯ °¡Áö ¾÷¹«¸¦ µ¿½Ã¿¡ ¼öÇàÇϱ⵵ Çϰí, Á¶Á÷ÀÌ Å©°í ÀοøÀÌ ¸¹Àº °æ¿ì´Â °¢°¢ÀÇ Á¶Á÷µéÀÌ º°µµÀÇ ÆÀÀ¸·Î ±¸¼ºµÇ°Å³ª ÇϳªÀÇ ºÎ¼ ¾Æ·¡¿¡ ¿©·¯ ÆÀÀ¸·Î ±¸¼ºµÇ±âµµ ÇÑ´Ù. °¢°¢ÀÇ Á¶Á÷°ú ±× ¿ªÇÒ¿¡ ´ëÇØ¼ °£´ÜÈ÷ »ìÆìº»´Ù.

±×¸² 1-3 À¥»çÀÌÆ® ±¸ÃàÀ» À§ÇÑ Á¶Á÷ ÇüÅÂ
»ç¾÷ ±âȹ
»ç¾÷ ±âȹ Á¶Á÷Àº Àå´Ü±â »ç¾÷ °èȹÀ» ¼¼¿ì°í ÁøÇàÇϸç, ±× ÁøÇà»óȲÀ» Á¡°ËÇÏ°í °ü¸®ÇÏ´Â Á¶Á÷ÀÌ´Ù. ȸ»çÀÇ ¸ÅÃâ¿¡ °üÇÑ ÃÑüÀûÀÎ °ü¸®¸¦ »ç¾÷ ±âȹ Á¶Á÷¿¡¼ ÇÏ°Ô µÇ¸ç, ¸ÅÃâ ¸ñÇ¥¸¦ ´Þ¼ºÇϱâ À§ÇÑ ¿©·¯ ¾Ð¹ÚÀ» ¹ÞÀ» ¼ö ÀÖ´Ù. ¿µ¾÷ Á¶Á÷ÀÌ Áß¿äÇÑ ¿ªÇÒÀ» Çϴ ȸ»çÀÏ °æ¿ì ¿µ¾÷ Á¶Á÷°ú »ç¾÷ ±âȹ Á¶Á÷Àº ±ä¹ÐÇÑ ¿¬°ü °ü°è¸¦ °¡Áö°Ô µÈ´Ù.
»ç¾÷ ±âȹ Á¶Á÷Àº ȸ»çÀÇ »ç¾÷ ¸ñÇ¥¸¦ ¸¸µé°í, ¼öÀÍ ¸ðµ¨°ú ¼ºñ½º ¸ðµ¨À» ¸¸µç´Ù. ¾÷°èÀÇ Æ®·»µå¿Í °æÀï »óȲÀ» ºÐ¼®ÇÏ°í ±× »çÀÌ¿¡¼ ¾î¶² ½ÄÀ¸·Î ÀÚ»çÀÇ ¼ºñ½º³ª Á¦Ç°À» ¼º°øÀûÀ¸·Î ÆÇ¸ÅÇÒ °ÍÀÎÁö °í¹ÎÇÑ´Ù. ¸ÅÃâÀ» ä³Îº°·Î ºÐ¼®Çϰí ÀÚ±ÝÀ» ÅõÀÔÇØ¼ Ȱ¼ºÈ ÇÒ ºÎºÐ°ú ¾Æ´Ñ ºÎºÐÀ» ã¾Æ³»¼ ÀûÀýÇÑ ÃÊÄ¡¸¦ ÃëÇÑ´Ù. ºñ½ÁÇÑ ÇüÅ·δ Àü·« ±âȹ, ¼ºñ½º ±âȹÀ̶ó´Â À̸§ÀÇ Á¶Á÷À» º¼ ¼ö Àִµ¥ ¸ðµÎ ºñ½ÁÇÑ ÀÏÀ» ÇÏ´Â °ÍÀ¸·Î »ý°¢ÇÒ ¼ö ÀÖ´Ù.
¸¶ÄÉÆÃ ±âȹ, ¸¶ÄÉÆÃ ½ÇÇà
¸¶ÄÉÆÃ Á¶Á÷Àº ȸ»çÀÇ Á¦Ç°°ú ¼ºñ½º ÇöȲÀ» ÆÄ¾Ç, ºÐ¼®ÇÏ°í ±×°ÍÀÇ ÆÇ¸Å¸¦ ÃËÁøÇÏ´Â ¸¶ÄÉÆÃ°ú ±¤°í ¹× È«º¸ Ȱµ¿À» ´ã´çÇÑ´Ù. ¸¶ÄÉÆÃ, ±¤°í, È«º¸´Â º°µµÀÇ Á¶Á÷À¸·Î ³ª´²Áö±âµµ Çϴµ¥, ±×·² °æ¿ì ¸¶ÄÉÆÃÀº »ç¿ëÀÚ, Æ®·¡ÇÈ, ¸ÅÃâ¿¡ °üÇÑ ÇöȲÀ» ÆÄ¾ÇÇÏ°í °ü¸®Çϸç, ±¤°í´Â ¿Â/¿ÀÇÁ¶óÀÎ ±¤°í Á¦ÀÛ, È«º¸´Â ¾ð·Ð °ü·Ã º¸µµÀÚ·á ÀÛ¼º ¹× ä³Î °ü¸®¸¦ ÇÏ´Â ½ÄÀ¸·Î ¿ªÇÒÀÌ ³ª´²Áú ¼ö ÀÖ´Ù.
¸¶ÄÉÆÃ Á¶Á÷ÀÇ ¿ªÇÒÀº ¿©·¯ ºÎºÐÀÌ »ç¾÷ ±âȹ Á¶Á÷°ú °ãÄ¡´Â °æÇâÀÌ ÀÖ´Ù. »ç¿ëÀÚ Á¶»ç, »çÀÌÆ® Åë°èÀÇ ºÐ¼®°ú °ü¸®, »óǰ ±¸¼º ¹× °¡°Ý °áÁ¤, ¸ÅÃâ °ü¸® µîÀº ¸¶ÄÉÆÃ°ú »ç¾÷ ±âȹ¿¡¼ Çʿ信 µû¶ó ºñ½ÁÇÑ ¾÷¹«¸¦ º°µµ·Î ¶Ç´Â ÇÔ²² ¼öÇàÇÏ°Ô µÇ´Â °ÍµéÀÌ´Ù. »ç³»ÀÇ Á¶Á÷ ±¸¼º°ú ³»ºÎÀûÀÎ »çÁ¤¿¡ µû¶ó °¢ Á¶Á÷ÀÇ ¼¼ºÎ ¿ªÇÒ°ú ¹üÀ§°¡ °áÁ¤µÈ´Ù.
À¥»çÀÌÆ®¿Í °ü·ÃÇØ¼ ¸¶ÄÉÆÃ ±âȹ¿¡¼´Â »çÀÌÆ®ÀÇ ±¸¼º¿¡ µû¶ó ¹æ¹®ÀÚ¸¦ ȸ¿øÀ¸·Î, ȸ¿øÀ» ±¸¸Å °í°´À¸·Î ÀüȯÇÏ´Â ÀüȯÀ²À» ¾î¶»°Ô ³ôÀÏ ¼ö ÀÖÀ»Áö °í¹ÎÇÑ´Ù. ¶ÇÇÑ ¿À·§µ¿¾È ¹æ¹®°ú ±¸¸Å°¡ ¾ø´Â ÈÞ¸é °í°´À» ¾î¶»°Ô Ȱµ¿ °í°´À¸·Î ¸¸µé ¼ö ÀÖÀ»Áö, Àå¹Ù±¸´Ï¿¡ ´ã±ä Á¦Ç°¿¡ ´ëÇÑ °áÁ¦À²À» ³ôÀÏ ¹æ¹ýÀÌ ¾øÀ»Áö µîÀ» Ç×»ó ¿¬±¸ÇÑ´Ù.
°³¹ß ÀÌÈÄ ¼ºñ½º ¿ÀÇ ½ÃÁ¡ÀÇ ¸¶ÄÉÆÃ ½ÇÇà ´Ü°è¿¡¼´Â ¼ºñ½º Ȱ¼ºÈ¸¦ À§ÇÑ ´Ù°¢ÀûÀÎ ¸¶ÄÉÆÃ Ä·ÆäÀÎÀ» ÁøÇàÇÑ´Ù. ¹Ì¸® ÀǵµÇÑ ¹æÇâÀ¸·Î ȸ»ç À̹ÌÁö(Corporate Identity)¿Í ºê·£µå À̹ÌÁö(Brand Identity)¸¦ ¸¸µé°í ¼ºñ½º¿¡ ´ëÇÑ ÀϰüµÈ ¸Þ½ÃÁö¸¦ ¿Â/¿ÀÇÁ¶óÀÎÀÇ ´Ù¾çÇÑ Ã¤³ÎÀ» ÅëÇØ °í°´¿¡°Ô ¾Ë¸°´Ù.
»çÀÌÆ® ±âȹ
À¥±âȹÀÚ°¡ ½ÇÁúÀûÀ¸·Î ¼öÇàÇÏ´Â °¡Àå ÇÙ½ÉÀûÀÎ ¾÷¹«´Â ÀÌ »çÀÌÆ® ±âȹ ¾÷¹«ÀÌ´Ù. ÀÌ Ã¥ÀÇ ´ëºÎºÐÀÇ ³»¿ëÀº »çÀÌÆ® ±âȹ¿¡ °üÇÑ ³»¿ëÀ¸·Î ä¿öÁ® ÀÖ´Ù. À¥»çÀÌÆ®ÀÇ ³í¸®ÀûÀÎ ±¸Á¶¿Í »À´ë¸¦ ¸¸µé°í °Å±â »ìÀ» ºÙ¿© ½ÇÁ¦ »çÀÌÆ®¸¦ ±¸ÃàÇÒ ¼ö ÀÖ´Â Àüü ¼³°èµµ¸¦ ¸¸µå´Â °ÍÀÌ À¥±âȹÀÚÀÇ ¿ªÇÒÀÌ´Ù.
»çÀÌÆ® ±âȹÀ» ÇÒ ¶§´Â ÄÜÅÙÆ®¸¦ ÀÌÇØÇϱ⠽±°í, ã±â ½¬¿î ±¸Á¶·Î ¸¸µå´Â ÀÎÆ÷¸ÞÀÌ¼Ç ¾ÆÅ°ÅØÃ³ ¹× ³»ºñ°ÔÀÌ¼Ç ¼³°è, ±×¸®°í »ç¿ëÀÚ°¡ È¥¶õÀ» ´À³¢Áö ¾Ê°í Á÷°üÀûÀ¸·Î »çÀÌÆ®¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ°Ô ÇÏ´Â À¯Àúºô¸®Æ¼ ¼³°è°¡ Áß¿äÇÏ´Ù. ¶ÇÇÑ ÀÛ¼ºµÈ ÄÜÅÙÆ®ÀÇ Ç°ÁúÀ» ³ôÀÌ´Â °Íµµ Áß¿äÇѵ¥, À̸¦ À§Çؼ À¥ »óÀÇ ±Û¾²±â¸¦ ´ã´çÇϰí ÀÛ¼ºµÈ ÄÜÅÙÆ®ÀÇ °Ë¼ö¸¦ ÁøÇàÇÏ´Â Àü¹® ÀηÂÀ» µû·Î µÎ±âµµ ÇÑ´Ù.
»çÀÌÆ® ±âȹ½Ã °í·ÁÇØ¾ß ÇÒ Á¡Àº, ±âȹÀ» ÇÒ ¶§ Ç×»ó »óÀ§ ´Ü°è ±âȹÀÇ °á°ú¸¦ °í¹ÎÇÏ°í ¹Ý¿µÇØ¾ß ÇÑ´Ù´Â »ç½ÇÀÌ´Ù. »ç¾÷ ¸ñÇ¥¿Í ¸¶ÄÉÆÃ ¹æÇâÀÌ ¼³Á¤µÇÁö ¾Ê°í ¼³°èµÇ´Â »çÀÌÆ®´Â ¸ñÇ¥°¡ ¾ø°í °¡¾ß ÇÒ ¹æÇâÀ» ¸ð¸£´Â È¥¶õ½º·± »çÀÌÆ®°¡ µÉ °¡´É¼ºÀÌ Ä¿Áø´Ù. ¸íÈ®ÇÑ »ç¾÷ ¸ñÇ¥¿Í ¸¶ÄÉÆÃ¿¡ ´ëÇÑ Àü·«Àû ¹æÇâÀÌ ¼³Á¤µÇ¾î ÀÖ´Ù¸é »çÀÌÆ®ÀÇ Å« ƲºÎÅÍ ¼¼¼¼ÇÑ ÄÜÅÙÆ®±îÁö ÇѰ¡Áö ¹æÇâÀ» ¹Ù¶óº¸¸ç ¼³°èµÉ ¼ö ÀÖ°í, ±×·± Àϰü¼ºÀÌ »ç¿ëÀÚ¸¦ ¼³µæÇÏ°í ±×µéÀÇ ÇൿÀ» À̲ø¾î ³»´Â ÈûÀÌ µÉ ¼ö ÀÖ´Ù.
»ç¿ëÀÚ Á¶»ç, º¥Ä¡¸¶Å· µîÀÇ ¸®¼Ä¡ ´Ü°è¿¡¼ »ç¾÷ ±âȹ, ¸¶ÄÉÆÃ ±âȹ, »çÀÌÆ® ±âȹ¿¡¼ ºñ½ÁÇÑ ¾÷¹«¸¦ ¼öÇàÇϱä ÇÏÁö¸¸ ½ÇÁ¦·Î´Â ¿øÇÏ´Â Á¡ÀÌ ´Ù¸¥ °æ¿ì°¡ ¸¹´Ù. »ç¿ëÀÚ Á¶»çÀÇ °æ¿ì, ¸¶ÄÉÆÃÀûÀ¸·Î ÆÇ¸Å ä³ÎÀÇ °üÁ¡¿¡¼ ³ª´« ±×·ì°ú À¥ »çÀÌÆ®¸¦ ±¸ÃàÀ» À§Çؼ ¸¸µå´Â »çÀÌÆ® ÀÌ¿ë ÆÐÅϺ° »ç¿ëÀÚ ±×·ìÀº Â÷À̰¡ ÀÖ°Ô ¸¶·ÃÀÌ´Ù. ÇÊ¿äÇÒ °æ¿ì »çÀÌÆ® ±¸ÃàÀ» À§ÇÑ ÀÌ·± Á¶»çµéÀ» ¼³°è Àü¿¡ ¼öÇàÇØ¾ß ÇÑ´Ù.
ÇÁ·ÎÁ§Æ® °ü¸®
ÇÁ·ÎÁ§Æ® °ü¸®¸¦ ´ã´çÇÏ´Â »ç¶÷À» ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú(Project Manager)¶ó°í ÇÏ¸ç º¸Åë °£´ÜÇÏ°Ô PM ¶Ç´Â ÇÁ·ÎÁ§Æ® PMÀ̶ó°í ºÎ¸£±âµµ ÇÑ´Ù. ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú´Â ÇÁ·ÎÁ§Æ®ÀÇ ÁøÇà»óȲÀ» Á¡°ËÇÏ°í º¸°íÇϸç, ÇÊ¿äÇÑ ±â°£°ú ÀηÂÀ» »êÁ¤Çϰí, ºñ¿ëÀ» Ã¥Á¤Çϰí ÁýÇàÇÏ´Â ÀÏÀ» ÇÑ´Ù. ¶ÇÇÑ, º¯°æµÇ´Â ÇÁ·ÎÁ§Æ® ¿ä¼Òµé¿¡ ´ëÇÑ °ü¸®¸¦ Çϰí ÁøÇà »óȲ¿¡ µû¶ó ÀÏÁ¤°ú ÀηÂÀ» Á¶Á¤Çϸç, ÇÁ·ÎÁ§Æ®°¡ ½ÇÆÐÇÒ ¼ö ÀÖ´Â À§Çè ¿ä¼ÒµéÀ» Á¡°ËÇÑ´Ù.
ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú´Â »ç½Ç °¡Àå ³í¶õÀÌ ¸¹°í Á¶Á÷¿¡ µû¶ó ¿ªÇÒ¿¡ Â÷À̰¡ ¸¹Àº À§Ä¡ÀÌ´Ù. ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú¿¡°Ô´Â ÀÏÁ¤ ºÎºÐÀÇ ±ÇÇѰú Ã¥ÀÓÀÌ ÁÖ¾îÁö°Ô µÇ´Âµ¥, ±× Á¤µµ¿¡ µû¶ó ÇÁ·ÎÁ§Æ®ÀÇ ÁøÇà ÇüŰ¡ °áÁ¤µÇ°Ô µÈ´Ù. ¸¹Àº °æ¿ì ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú´Â À¥±âȹ¿¡¼ °³¹ß ¿Ï·á ÈÄ º¸°í±îÁöÀÇ »çÀÌÆ® ±¸Ãà °úÁ¤À» °ü¸®ÇÏ´Â °ü¸®ÀÚ¸¦ À̾߱âÇÑ´Ù. ÀÌ °æ¿ì Àü·« ±âȹ°ú ¸¶ÄÉÆÃ µîÀÇ °úÁ¤Àº °ü¸® ¹üÀ§¿¡¼ ºüÁø´Ù.
Á» ´õ ³ÐÀº ÀǹÌÀÇ ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú´Â ÇØ´ç ¼ºñ½ºÀÇ Àü·«±âȹ ´Ü°è¿¡¼ Ãâ½Ã ÈÄ ¸¶ÄÉÆÃ±îÁö Àüü¸¦ ´ã´çÇÏ°í °ü¸®ÇÏ´Â ¿ªÇÒÀ» ÇÑ´Ù. ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú ¿ªÇÒÀ» ´õ ³Ð°Ô »ý°¢ÇÒ °æ¿ì, ±âȹÁ¶Á÷ÀÌ ¾Æ´Ñ »ç¾÷Á¶Á÷¿¡¼ ÇÁ·ÎÁ§Æ®¿¡ °üÇÑ ÃѰý ¸Å´ÏÀú¸¦ ¸Ã´Â °æ¿ì¸¦ À̾߱â ÇÒ ¼ö ÀÖ´Ù. ÀÌ °æ¿ì´Â ¸ÅÃâ°ú ¸¶ÄÉÆÃ µîÀ» Æ÷ÇÔÇÑ Á¦Ç° Àüü¿¡ ´ëÇÑ Ã¥ÀÓ°ú ±ÇÇÑÀ» »ç¾÷ºÎÀÇ ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú¿¡°Ô ÁÖ°Ô µÇ¸ç, ÀÌ·² ¶§ ÇÁ·ÎÁ§Æ® ¸Å´ÏÀú¸¦ ÇÁ·Î´öÆ® ¸Å´ÏÀú(Product Manager)¶ó°íµµ À̾߱â ÇÒ ¼ö ÀÖ´Ù. ÀÌ¿Í °°ÀÌ ÇÁ·ÎÁ§Æ®ÀÇ ¹üÀ§¸¦ ¾îµð¼ ¾îµð±îÁö·Î Á¤ÇÏ´ÂÁö¿¡ µû¶ó ÇÁ·ÎÁ§Æ® ¸Å´ÏÀúÀÇ ¿ªÇÒµµ ´Þ¶óÁø´Ù.
µðÀÚÀÎ
µðÀÚÀÎ Á¶Á÷Àº »çÀÌÆ® ±âȹ ´Ü°è¿¡¼ ¸¸µé¾îÁø ±âȹ¼¿¡ ¸Â°Ô È¸é µðÀÚÀÎÀ» ÁøÇàÇÑ´Ù. ½Å±Ô »çÀÌÆ®¸¦ µðÀÚÀÎ ÇÑ´Ù°í °¡Á¤ÇßÀ» ¶§ µðÀÚÀÎ ÀÛ¾÷Àº ½Ã¾È ÀÛ¼º -> ½Ã¾È °ËÅä ¹× È®Á¤ -> ½ºÅ¸ÀÏ °¡À̵å ÀÛ¼º -> ¼¼ºÎ ÆäÀÌÁö µðÀÚÀÎÀÇ ¼ø¼·Î ÁøÇàµÈ´Ù. ½Ã¾È ÀÛ¼º½Ã ¿ì¼± »çÀÌÆ®¸¦ À§ÇÑ ´Ù¼ö°³ÀÇ ½Ã¾ÈÀ» ÀÛ¼ºÇϰí, °æ¿µÁøÀ» ºñ·ÔÇÑ °ü·Ã ÁÖ¿ä ¸â¹öÀÇ ÀǰßÀ» ÃëÇÕÇÏ¿© ¼öÁ¤ ½Ã¾ÈÀ» ÀÛ¼ºÇϰí, ÃÖÁ¾ÀûÀ¸·Î ±× Áß Çϳª¸¦ È®Á¤ÇÏ°Ô µÈ´Ù.
µðÀÚÀÎ ÀÛ¾÷À» À§Çؼ´Â ÀüüÀûÀÎ »çÀÌÆ® µðÀÚÀÎÀÇ Æ²À» Á¤ÀÇÇÏ´Â ½ºÅ¸ÀÏ °¡À̵尡 ÇÊ¿äÇѵ¥, ¸¹Àº ¼öÀÇ µðÀÚÀ̳ʰ¡ ÀÛ¾÷ÇÏ´Â ´ëÇü »çÀÌÆ®¿Í ¿ÜºÎÀÇ µðÀÚÀÎ ÀηÂÀ» »ç¿ëÇÏ´Â »çÀÌÆ®, ±×¸®°í ÄÜÅÙÆ® °ø±ÞÀÚ(CP: Content Provider)¿ÍÀÇ ÀÛ¾÷ÀÌ ¸¹Àº »çÀÌÆ®´Â µðÀÚÀÎÀÇ Àϰü¼ºÀ» À¯ÁöÇϱâ À§Çؼ »ó¼¼ÇÑ ¼öÁØÀÇ ½ºÅ¸ÀÏ °¡À̵带 ¸¸µé Çʿ䰡 ÀÖ´Ù. ½ºÅ¸ÀÏ °¡À̵å´Â ½Ã°¢ÀûÀÎ µðÀÚÀÎ ¿ä¼ÒÀÇ ÇüÅÂ¿Í Å©±â¿¡ ´ëÇØ¼¸¸ °£´ÜÈ÷ Á¤ÀÇÇÒ ¼öµµ ÀÖÁö¸¸, ÃÖ±Ù¿¡´Â Ç¥ÁØÀûÀÎ html ÄÚµå ÀÛ¼º¹ý°ú css »ç¿ë¹ý, À¥ Á¢±Ù¼º Áؼö ¹æ¾È±îÁö ¸ðµÎ Æ÷ÇÔÇØ¼ °¡À̵带 Á¦°øÇÒ Çʿ伺ÀÌ »ý±â°í ÀÖ´Ù. ÇØ´ç °³³äµéÀº ÀÌÈÄ Àå¿¡¼ ¼Ò°³µÉ ¿¹Á¤Àε¥, ½ºÅ¸ÀÏ °¡À̵忡 ´ëÇÑ »ó¼¼ÇÑ ¼Ò°³´Â ÀÌ Ã¥ÀÇ ¹üÀ§¸¦ ¹þ¾î³ ÁÖÁ¦À̹ǷΠ°ü·Ã °ü·Ã »çÀÌÆ®[1]¸¦ Âü°íÇÏ¿© ³»¿ëÀ» ÆÄ¾ÇÇϱ⠹ٶõ´Ù.
ÃÖ±Ù¿¡´Â Á¡Â÷ µðÀÚÀΰú °³¹ßÀÌ °æ°è°¡ ¾àÇØÁö´Â Ãß¼¼¿¡ ÀÖ´Ù. À̰ÍÀº ´Ü¼øÇϰí Á¤ÀûÀÎ ÄÁÅÙÆ® Áß½ÉÀÇ À¥»çÀÌÆ®°¡, »õ·Î¿î ±â¼ú(Ajax, Ç÷¡½Ã µî)ÀÇ µµ¿òÀ» ¹Þ¾Æ ´õ »ç¿ëÇÏ±â Æí¸®ÇÑ ÇüÅ·Π¹ßÀüÇÏ´Â Ãß¼¼¿Í ¸Â¹°·Á ÀÖ´Ù. À¥ µðÀÚÀ̳ʰ¡ ¼öÇàÇÏ´Â À¥ ÄÚµùÀº Áö±Ý±îÁö ´ëºÎºÐ html°ú css ÄÚµù¿¡ ÇÑÁ¤µÇ¾î ÀÖ¾úÁö¸¸, ÃÖ±Ù¿¡´Â À¥ Ç¥Áذú À¥ Á¢±Ù¼ºÀ» °í·ÁÇÑ ÄÚµù, ±×¸®°í ÀÚ¹Ù½ºÅ©¸³Æ® ÄÚµù°ú Ç÷¡½Ã ¾ÖÇø®ÄÉÀ̼ÇÀÇ µ¿ÀÛ Á¦¾î¿¡ ÇÊ¿äÇÑ ÄÚµùÀ¸·Î±îÁö ¿µ¿ªÀÌ È®´ëµÇ°í ÀÖ´Ù. ÀÌ·¯ÇÑ ÄÚµùÀº ±âÁ¸¿¡ °³¹ßÀÚµéÀÌ ¼öÇàÇÏ´ø ¾÷¹«¿Í ºñ½ÁÇϸç, ÀÌ·± ÀÛ¾÷µéÀ» Àü¹®ÀûÀ¸·Î ¼öÇàÇÏ´Â Àü¹® ÀηÂÀÌ Á¡Â÷ ´Ã¾î°¡°í ÀÖ´Ù.
º¯È¿¡ ´ëÇÑ ºü¸£°í Á¡ÁøÀûÀÎ Àû¿ëÀ» °Á¶ÇÏ´Â ¾ÖÀÚÀÏ µîÀÇ °³¹ß ¹æ¹ý·Ð¿¡¼´Â ¼³°è¸¦ ¿Ï·áÇÑ ÈÄ µðÀÚÀÎÀ» ÁøÇàÇÏÁö ¾Ê°í, ´ë·«ÀûÀÎ ¼³°è¸¦ ÅëÇØ ÇÁ·ÎÅäŸÀÔÀ» ¿ì¼± ¸¸µé°í, ±×°ÍÀ¸·Î ±¸Çö °¡´É¼º µîÀ» Á¡°ËÇÑ´Ù. ÀÌ·± °³¹ß °úÁ¤¿¡¼ µðÀÚÀ̳ÊÀÇ ¿ªÇÒÀº ±âÁ¸ÀÇ °³¹ß ¹æ¹ý°ú Â÷À̰¡ ÀÖÀ» ¼ö ÀÖ´Ù. ±âÁ¸ÀÇ °³¹ß ¹æ¹ý¿¡¼´Â ±âȹ, µðÀÚÀÎ, °³¹ßÀ» º°°³ÀÇ ÇÁ·Î¼¼½º·Î º¸°í ÀüÇô ´Ù¸¥ ÅøÀ» ÀÌ¿ëÇÏ¿© ÀÛ¾÷À» ÇØ¿ÔÁö¸¸, ÃÖ±Ù¿¡´Â ±âȹ, µðÀÚÀÎ, °³¹ßÀÌ °°Àº ÅøÀ» »ç¿ëÇÏ¿© ºü¸¥ ÀÛ¾÷À» °¡´ÉÇÏ°Ô ÇÏ·Á´Â ½Ãµµ°¡ ÁøÇàµÇ°í ÀÖ´Ù.
[1] http://html.nhndesign.com/ - NHNÀÇ À¥ Ç¥ÁØÈ °¡À̵å
http://ui.daum.net/ - ´ÙÀ½ÀÇ Frontend °³¹ß °¡À̵å
http://webstyleguide.com/ - ½ºÅ¸ÀÏ °¡ÀÌµå ºÐ¾ßÀÇ Ã¥ “Web Style Guide”ÀÇ ¿Â¶óÀÎ ¹öÀü
°³¹ß
°³¹ß Á¶Á÷Àº ¿Ï·áµÈ À¥ ±âȹ ¹®¼¿Í µðÀÚÀÎ °á°ú¹°À» ÀÌ¿ëÇÏ¿© »çÀÌÆ®¸¦ °³¹ßÇÑ´Ù. °³¹ß Á¶Á÷¿¡¼´Â ¾î¶² ±â¼úÀ» ÀÌ¿ëÇÏ¿© À¥ °³¹ßÀ» ÁøÇàÇÒ °ÍÀÎÁö¿¡ ´ëÇÑ ±â¼ú ±âȹÀ» Çϰí, ½Ã½ºÅÛ ±¸¼º°ú ½ÇÁ¦ °³¹ßÀ» ´ã´çÇÑ´Ù. ÃÖ±Ù¿¡´Â »ç¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±â¼úÀÌ ÀÖÀ¸¹Ç·Î, ¾î¶² ±â¼úÀ» »ç¿ëÇÒÁö ¿©·¯ °¡Áö ¿ä¼Ò¸¦ °í·ÁÇØ¼ ¼±ÅÃÇØ¾ß ÇÑ´Ù. ÀÌ ¶§ ±â¼úÀÇ ¼±ÅÃÀÌ ±âȹ°ú µðÀÚÀÎ Àü¹Ý¿¡ ¿µÇâÀ» ¹ÌÄ¥ ¼ö ÀÖÀ¸¹Ç·Î, Áß¿äÇÑ ±â¼úÀûÀÎ °áÁ¤À» Çϱâ Àü¿¡´Â °³¹ßÀÚ¿Í ±âȹÀÚ, µðÀÚÀ̳ʰ¡ ÀǰßÀ» ÇÔ²² ¸ð¾Æ¾ß ÇÑ´Ù.
¿¹ÀüÀÇ Á¤ÀûÀÎ À¥ »çÀÌÆ®ÀÇ °³¹ßÀº ±âȹÀÚ°¡ Àü´ÞÇÏ´Â ½ºÅ丮 º¸µåÀÇ ³»¿ëÀ» °³¹ßÀÚ°¡ ±¸ÇöÇÏ¸é¼ µ¥ÀÌÅͺ£À̽º¿¡ ÁÖ¿ä µ¥ÀÌÅÍ¿¡ ´ëÇÑ ÀÔÃâ·Â ÀÛ¾÷À» ¿Ï·áÇÏ¸é ´ëºÎºÐÀÇ »çÀÌÆ® °³¹ßÀÌ ¿Ï·áµÇ´Â ÇüÅ¿´´Ù. ÇÏÁö¸¸ ÀÌÁ¦ ÀÎÅͳݿ¡¼ Á» ´õ ´Ù¾çÇϰí dzºÎÇÑ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÒ ¼ö ÀÖ°Ô µÇ¾ú°í, »ç¿ëÀÚÀÇ ¿ä±¸¿¡ ¸ÂÃç ÀÌ¿¡ ´ëÇÑ ±¸ÇöÀ» °³¹ßÀÚ°¡ ÇØ¾ß ÇÏ´Â »óȲÀÌ´Ù. Á¤ÀûÀÎ À¥ »çÀÌÆ® °³¹ß¿¡¼ µ¿ÀûÀÎ ÇüÅÂÀÇ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß·Î °³¹ßÀÇ ¹æÇâÀÌ º¯ÈÇϰí ÀÖ´Ù.
ÃÖ±ÙÀÇ °³¹ß ¹æ¹ý·Ð¿¡¼ ¿ä±¸ÇÏ´Â ºü¸£°í Á¡ÁøÀûÀÎ °³¹ß°ú Å×½ºÆ®¸¦ Áö¿øÇϱâ À§Çؼ °³¹ßÀÚ°¡ ±âȹÀÚ, µðÀÚÀÌ³Ê¿Í ±ä¹ÐÇÏ°Ô ÀÛ¾÷ÇØ¾ß ÇÒ Çʿ伺ÀÌ Ä¿Áö°í ÀÖ´Ù. ±â¼úÀÌ º¹ÀâÇØÁö¸é¼ º»°ÝÀûÀÎ ±âȹ ÀÌÀü¿¡ ¸ÕÀú ±â¼úÀûÀÎ ±¸Çö °¡´É¼ºÀ» ÆÄ¾ÇÇØ¾ß ÇÒ °æ¿ìµµ ´Ã¾î³ª°í ÀÖÀ¸¸ç, ±×·² °æ¿ì °£´ÜÇÑ °ÍºÎÅÍ º¹ÀâÇÑ ÇüűîÁö ÇÁ·ÎÅäŸÀÔ °³¹ßÀ» ±âȹÀÚ¿Í ÁøÇàÇϱ⵵ ÇÑ´Ù.
°³¹ßÀÚµµ »ç¿ëÀÚ¸¦ ¾Ë¾Æ¾ß ÇÏ´Â ½ÃÁ¡ÀÌ ¿Ô´Ù. °³¹ßÀÚ°¡ ´õ ÀÌ»ó °³¹ß ¿ëÀ̼º°ú È¿À²¼º¿¡¸¸ °¡Ä¡¸¦ µÎ´Â ÇÁ·Î±×·¡¹ÖÀ» ÇØ¼´Â ¾ÈµÇ´Â »óȲÀÌ ¿À°í ÀÖ´Ù. °³¹ßÀÚ°¡ ±âȹÀÚ, µðÀÚÀÌ³Ê¿Í ÇÔ²² Á÷Á¢ »çÀÌÆ®ÀÇ ¼¼ºÎÀûÀÎ ¸ð½ÀÀ» Å×½ºÆ®ÇÏ°í ¸¸µå´Â °æ¿ì°¡ ´Ã¾î³²¿¡ µû¶ó, °³¹ßÀÚ°¡ ºÒÆíÇÏ°Ô ±¸ÇöÇÑ ÇÁ·ÎÅäŸÀÔÀÌ ½ÇÁ¦ ¼ºñ½º°¡ µÇ°í ±×°ÍÀÌ ¼ºñ½º ÀüüÀÇ Ç°ÁúÀ» ¶³¾î¶ß¸± ¼öµµ Àֱ⠶§¹®ÀÌ´Ù. °³¹ßÀÚµµ Ç×»ó »ç¿ëÀÚ ÆíÀǸ¦ ¿ì¼±Çؼ °³¹ßÀ» ÁøÇàÇÑ´Ù´Â ÀÚ¼¼¸¦ °¡Á®¾ß Çϸç, ±âȹÀÚ, µðÀÚÀÌ³Ê¿Í Çù·ÂÇÏ¿© »ç¿ëÀÚ Áß½ÉÀÇ Á¢±Ù¿¡ Àͼ÷ÇØÁ®¾ß ÇÑ´Ù.
Å×½ºÆ®
Å×½ºÆ®¿¡ °üÇÑ Á¶Á÷Àº ÀϹÝÀûÀ¸·Î QA(Quality Assurance) Á¶Á÷, ǰÁúº¸Áõ Á¶Á÷ µîÀ̸ç, °³¹ßµÈ »çÀÌÆ®³ª Á¦Ç°ÀÇ Å×½ºÆ®¿Í ǰÁú °³¼±À» ´ã´çÇÑ´Ù. °³¹ßµÈ Á¦Ç°À̳ª ¼ºñ½º¸¦ Å×½ºÆ®Çؼ ¾î¶² ¹®Á¦°¡ ÀÖ´ÂÁö ÆÄ¾ÇÇϰí, ±×°ÍµéÀ» ü°èÀûÀ¸·Î Á¤¸®ÇÏ°í ¹öÀü º°·Î °ü¸®Çϸç, Ãâ½Ã ½ÃÁ¡¿¡ ÃÖÁ¾ »çÀÌÆ® Ãâ½Ã°¡ °¡´ÉÇÑÁö ¿©ºÎ¸¦ ÆÇ´ÜÇÏ¿© º¸°íÇÑ´Ù.
QA Á¶Á÷Àº Á¦Ç°ÀÇ º¹Àâµµ°¡ ³ôÀ¸¸é ³ôÀ»¼ö·Ï, ¹èÆ÷µÈ Á¦Ç°ÀÇ ¼öÁ¤ÀÌ ¾î·Á¿ì¸é ¾î·Á¿ï¼ö·Ï Á߿伺ÀÌ Ä¿Áö°Ô µÈ´Ù. ±×·± Ãø¸é¿¡¼ ¼öÁ¤ÀÌ ½¬¿î À¥»çÀÌÆ®ÀÇ °æ¿ì º°µµÀÇ QAÁ¶Á÷À» µÎÁö ¾Ê°í ±âȹÀÚ¿Í °³¹ßÀÚ, ±× ¿ÜÀÇ °ü·ÃÀÚµéÀÌ Å×½ºÆ® ÈÄ ¼ºñ½º¸¦ ¿ÀÇ Çϰí, ¹®Á¦Á¡Àº ÀÌÈÄ¿¡ ¼öÁ¤ÇÏ´Â ÇüÅ·ΠÅ×½ºÆ®°¡ ÁøÇàµÇ±âµµ ÇÑ´Ù. ÇÏÁö¸¸ º¹ÀâÇϰí Áß¿äÇÑ ¾÷¹«¸¦ ¼öÇàÇÏ´Â ±ÝÀ¶ °ü·Ã, ÀÇ·á °ü·Ã ¾ÖÇø®ÄÉÀ̼ǿ¡´Â QAÀýÂ÷°¡ ²À ÇÊ¿äÇϸç, µ¿ÀûÀÎ »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¸¦ Á¦°øÇÏ´Â À¥ ¾ÖÇø®ÄÉÀ̼ǿ¡¼µµ ¿À·ù ¹ß»ý °¡´É¼ºÀÌ Ä¿Áö¹Ç·Î QA ÀýÂ÷ÀÇ Çʿ伺ÀÌ ³ô¾ÆÁö°Ô µÈ´Ù.
´ëÇü »çÀÌÆ®ÀÇ °æ¿ì´Â ºÎÇÏ Å×½ºÆ®(½ºÆ®·¹½º Å×½ºÆ®)¸¦ º°µµ·Î Çϱ⵵ ÇÑ´Ù. ½Ã½ºÅÛ¿¡ ÀϽÿ¡ ¸¹Àº »ç¿ëÀÚ°¡ ¸ô¸± °æ¿ì¸¦ °¡Á¤ÇÏ¿© ¾î¶² ¹®Á¦°¡ »ý±â´ÂÁö Å×½ºÆ® ÇÏ´Â °ÍÀÌ ºÎÇÏ Å×½ºÆ®À̸ç, Å×½ºÆ®¸¦ ÀÚµ¿È ÇÏ´Â Àü¹® ÇÁ·Î±×·¥À» »ç¿ëÇØ¼ ÀϽÿ¡ ¸¹Àº ºÎÇϸ¦ ÁÖ´Â ÇüÅ·ΠÅ×½ºÆ®¸¦ ÁøÇàÇÑ´Ù.
»çÀÌÆ® ¿î¿µ
»çÀÌÆ® ¿î¿µ Á¶Á÷Àº ¿ÀÇÂµÈ »çÀÌÆ®¸¦ ¹®Á¦¾øÀÌ °¡µ¿ÇÏ°í °í°´ÀÇ ºÒ¸¸»çÇ×À» ¼öÁý, °ü¸®Çϰí, ¼öÁýµÈ »çÇ×À» ´Ù¸¥ Á¶Á÷°ú °øÀ¯ÇÏ´Â ¿ªÇÒÀ» ÇÑ´Ù.
ÀÏ¹Ý °í°´ÀÇ Âü¿©°¡ ¸¹Àº ¼ºñ½º¿¡¼´Â º°µµÀÇ »çÀÌÆ® ¿î¿µ Á¶Á÷ÀÌ Á¸ÀçÇÑ´Ù. ÀÌ Á¶Á÷¿¡¼´Â °Ô½ÃÆÇÀ̳ª äÆÃ µîÀÇ »ç¿ëÀÚ Âü¿© ¼ºñ½º »ç¿ëÀ» Á¡°ËÇϰí, ±ÔÄ¢À» ¾î±ä »ç¿ëÀÚ³ª °Ô½Ã¹°¿¡ ´ëÇØ¼ Á¦À縦 °¡ÇÑ´Ù. »ó°Å·¡ »çÀÌÆ®ÀÇ °æ¿ì »ç¿ëÀÚÀÇ ÁÖ¹®°ú ¹®ÀÇ »çÇ׵鿡 ´ëÇÑ Ã³¸®¸¦ ÀÌ Á¶Á÷¿¡¼ ´ã´çÇÑ´Ù.
°í°´ÀÇ ¸ñ¼Ò¸®¸¦ µè´Â Á¶Á÷À¸·Î´Â °í°´ Áö¿ø ºÎ¼¿Í ÄÝ ¼¾ÅͰ¡ ÀÖÀ» ¼ö ÀÖ´Ù. °í°´ Áö¿øÀ» À§Çؼ ÀÎÅÍ³Ý »ó´ã°ú ¸ÞÀÏ, ÀüÈ »ó´ã µîÀÇ ¿©·¯ °¡Áö »ó´ã ä³ÎÀÌ ÀÖÀ» ¼ö Àִµ¥, °¢°¢ÀÇ Ã¤³ÎÀ» °èȹÇÏ°í °ü¸®ÇÏ´Â °ÍÀÌ °í°´ Áö¿ø ºÎ¼ÀÇ ¿ªÇÒÀÌ´Ù. ÀÌ·¸°Ô ¼öÁýµÈ °í°´ÀÇ ¸ñ¼Ò¸®´Â ±âȹ Á¶Á÷À¸·Î Àü´ÞµÇ¾î °í°´ÀÇ ºÒÆíÀ» ÃÖ¼ÒÈ ÇÒ ¼ö ÀÖ´Â ÇüÅ·Π¼ºñ½º¸¦ °³¼±Çϴµ¥ »ç¿ëµÈ´Ù.
½Ã½ºÅÛ ¿î¿µ Á¶Á÷µµ »çÀÌÆ® ¿î¿µÀ» À§Çؼ ÇÊ¿äÇÏ´Ù. °¢ ¼ºñ½ºÀÇ °¡µ¿ »óȲÀ» Ç×»ó Á¡°ËÇϰí, ¼ºñ½º °¡µ¿·ü°ú Àå¾ÖÀ²À» ÆÄ¾ÇÇÏ¿© Àå¾Ö¸¦ ÃÖ¼ÒÈ Çϱâ À§ÇÑ ½Ã½ºÅÛ Â÷¿øÀÇ ÃÊÄ¡¸¦ ÃëÇÑ´Ù. ½Ã½ºÅÛ ÀÚ¿øÀ» ÃÖ´ëÇÑ È¿À²ÀûÀ¸·Î »ç¿ëÇÏ¸é¼ °¡µ¿·üÀ» ³ôÀ̰í Ȥ½Ã ¸ð¸¦ Àå¾Ö »óȲ¿¡ ´ëºñÇÏ´Â °ÍÀÌ ½Ã½ºÅÛ ¿î¿µÆÀÀÇ ¿ªÇÒÀÌ´Ù.
*Ãâó : http://bahn.textcube.com/entry/org-structures-for-web
Ãâó : ĸƾ Ç÷¡³Ê http://www.sten.or.kr/club/club_main.php?cb_id=cb_planner