Q. À¥»çÀÌÆ®¸¦ °³¹ßÇÏ¸é µ¿ÀÏ ºÐ¾ßÀÇ °æÀï¾÷ü¿¡¼ À¥ÆäÀÌÁö¸¦ °ÅÀÇ ±×´ë·Î º¹»çÇؼ ³»¿ëÀ» Á¶±Ý¾¿¸¸ °íÃļ ¿ÀÇÂÇÏ°í ÀÖ½À´Ï´Ù. °³¹ßÇÑ À¥ÆäÀÌÁöÀÇ CS µîÀ» ÆÛ°¡Áö ¸øÇϵµ·Ï ¸·À» ¼ö ÀÖ´Â ¹æ¹ýÀÌ ÀÖ³ª¿ä?
A-1. À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÒ ¶§´Â HTML, Java Script, PHP, JSP, CSS µîÀ» »ç¿ëÇÕ´Ï´Ù. JavaScript´Â Ŭ¶óÀ̾ðÆ® Ãø(ºê¶ó¿ìÀú)¿¡¼ »ç¿ëÀÚ¿Í »óÈ£ÀÛ¿ëÀÇ °æ¿ì¿¡ »ç¿ëÇÏ°í, CSS(Cascading Style Sheets)´Â ȸéÀÇ ·¹À̾ƿô°ú ½ºÅ¸ÀÏÀ» Á¤ÀÇÇÒ ¶§ »ç¿ëÇÏ°í, PHP¡¤JSP µîÀÇ À¥ÇÁ·Î±×·¥Àº ¼¹ö Ãø ±â¼ú±¸Çö ½Ã »ç¿ëÇÕ´Ï´Ù.
¼¹ö Ãø ÇÁ·Î±×·¥Àº ´Ù¾çÇÑ º¸¾ÈÀåÄ¡¸¦ ÅëÇØ º¸È£ÇÒ ¼ö ÀÖÁö¸¸, Ŭ¶óÀ̾ðÆ® Ãø¿¡¼ º¸¿©Áö´Â À¥ÆäÀÌÁö´Â °³¹æÀÌ ¿øÄ¢À̸ç Ŭ¶óÀ̾ðÆ® ÇÁ·Î±×·¥ÀÎ ºê¶ó¿ìÀú(IE, crom, safari etc)¿¡¼ ±¸µ¿µÇ´Â HTML ÇüÅ·ΠÄÚµùµÇ±â ¶§¹®¿¡ Ưº°ÇÑ º¸È£ÀåÄ¡°¡ ¾øÀ¸¸é °£´ÜÇÑ ¼Ò½ºº¸±â µîÀ» ÅëÇÏ¿© ±×´ë·Î ³ëÃâµÇ´Â ÀúÀÛ±Ç ¹®Á¦°¡ ¹ß»ýÇÒ ¼ö ÀÖ½À´Ï´Ù.
ÀÌ·¯ÇÑ ¼Ò½ºÄÚµå ³ëÃâ¿¡ ´ëÇÑ ¹®Á¦¸¦ ÇØ°áÇϱâ À§ÇÑ ¿øõÀûÀÎ ¹æ¹ýÀº ¾øÀ¸¸ç ´ÜÁö CSS, JavaScript³ª ¼Ò½ºÄڵ带 µµ¿ëÇÏ·Á°í ÇÏ´Â ÀÚ¿¡°Ô Àá½Ã³ª¸¶ ºÒÆíÀ» ÁÖ¾î ÄÚµå Çؼ®À» ¾î·Æ°Ô ÇÏ´Â ¹æ¹ý ¹Û¿¡ ¾ø½À´Ï´Ù.
±âº»ÀûÀ¸·Î JavaScript¸¦ ÅëÇÏ¿© ¸¶¿ì½º ¿ì(éÓ)Ŭ¸¯ ±ÝÁö¸¦ ¼³Á¤ÇÒ ¼ö ÀÖÁö¸¸ ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÇØÁ¦ÇÏ´Â °æ¿ì(eg. ¾ËÅø¹Ù ȯ°æ¼³Á¤¿¡¼ ¡®¸¶¿ì½º ¿À¸¥ÂÊ ¹öÆ° Á¦ÇÑ ÇØÁ¦Çϱ⡯) ½±°Ô ¿ìȸÇÒ ¼ö ÀÖ½À´Ï´Ù.
´ÙÀ½Àº JavaScript³ª CSSÆÄÀÏÀ» ÇÁ·Î±×·¥ ¾ð¾î(PHP, JSP µî)¸¦ ÅëÇÏ¿© ÀÛ¼ºÇÏ°í(eg. testcss.css ->testcss.jsp) CSS¸¦ ·ÎµåÇÒ ¶§ ¾ÏÈ£È µîÀ» ÅëÇØ ¹æÁöÇÒ ¼ö ÀÖÁö¸¸ ÀÌ·¯ÇÑ ¹æ¹ýµéµµ ¸Þ½ÃÁö ÈÄÅ·À̳ª ÆÐŶ½º´ÏÇÎÀ» ÅëÇÏ¸é ¸ðµÎ ³ëÃâµÉ ¼ö ¹Û¿¡ ¾ø½À´Ï´Ù.
³µ¶È ¹æ¹ýÀº ¼Ò½º¸¦ °¡Á®°¡µµ ÀÌÇØÇϱâ Èûµé°Ô ÇÏ´Â °ÍÀ¸·Î ÀÌ·¯ÇÑ °æ¿ì CSS, Javascript µî ¼Ò½ºÄڵ带 100% º¸È£ÇÒ ¼ö´Â ¾øÀ¸³ª À̸¦ È°¿ëÇϱâ À§Çؼ ´Ù¼Ò ¸¹Àº ½Ã°£ÀÌ ¼Ò¿äµÇ¾î È°¿ëÀ» ¾î·Æ°Ô ÇÏ´Â ÀåÁ¡ÀÌ ÀÖ½À´Ï´Ù. ³µ¶ÈÇÏ´Â µµ±¸¿¡´Â CSS Compressor, YUI Compressor, Dojo shrinkSafe, Open Source Javascript Obfuscator µîÀÌ ÀÖ½À´Ï´Ù.
(±è¿µ¸ð ¹Ú»ç Çѱ¹ÀúÀÛ±ÇÀ§¿øȸ ÀúÀ۱DZâ¼úÆÀ/ymkim@copyright.or.kr)
A-2. ±Ùº»ÀûÀ¸·Î À¥ ºê¶ó¿ìÀú´Â HTTP ¼¹ö³» À¥ ºê¶ó¿ìÀú°¡ Á¢±ÙÇÒ ¼ö ÀÖµµ·Ï ±ÇÇÑÀÌ ¼³Á¤µÈ ÆÄÀÏ ¶Ç´Â µð·ºÅ丮´Â ¸ðµÎ ´Ù¿î·Îµå°¡ °¡´ÉÇϱ⠶§¹®¿¡ Çö½ÇÀûÀ¸·Î CSS ÆÄÀÏ µîÀ» ÆÛ°¡Áö ¸ø ÇÏ´Â ±â¼úÀº Á¸ÀçÇÏÁö ¾Ê½À´Ï´Ù.
¹°·Ð µð·ºÅ丮 ¸®½ºÆà ±â´ÉÀ» »ç¿ëÇÏÁö ¾Êµµ·Ï ÇÏ´Â ¹æ¹ýµµ ÀÖÁö¸¸, ÆÄÀÏ ¸µÅ©¸¸ È®ÀÎµÇ¸é ´Ù¿î·Îµå¸¦ ÇÒ ¼ö ÀÖ´Ù´Â Á¡¿¡¼ ±Ùº»ÀûÀÎ ÇØ°áÃ¥ÀÌ ¾Æ´Õ´Ï´Ù. ´Ù¸¸, Minify, Gzip ¹× ±âŸ ³µ¶È ±â¹ýÀ» ÀÌ¿ëÇÒ °æ¿ì ¼Ò½ºÄÚµå ºÐ¼®½Ã°£À» Áö¿¬½Ãų ¼ö ÀÖ°í ±×¿¡ µû¶ó ¼öÁ¤ ÈÄ Àç»ç¿ëÇÒ °¡´É¼ºÀÌ ³·¾ÆÁö°Ô µÉ °ÍÀÔ´Ï´Ù.
(È«Áؼ® Çѱ¹»ê¾÷±â¼úº¸È£Çùȸ °üÁ¦¿î¿µÆÀ ÆÀÀå/jun0817@kaits.or.kr)
A-3. À¥ÆäÀÌÁö °³¹ß¿¡ ÁÖ·Î »ç¿ëµÇ´Â ÀÚ¹Ù½ºÅ©¸³Æ®, CSS, JSP µîÀÇ ±â¼úÀº ÄÚµå ³µ¶È ±â¼úÀ» ÅëÇÏ¿© À̸¥¹Ù ÄÚµå ÆÛ°¡±â¸¦ ÁÙÀÏ ¼ö ÀÖÀ¸¸ç, ÀÌ¿Í °ü·ÃÇÏ¿© Çѱ¹ÀúÀÛ±ÇÀ§¿øȸ´Â ÄÚµåÀë(codejam.or.kr) ¼ºñ½º¸¦ ÅëÇØ Äڵ峵¶È ±â´ÉÀ» °ø°ø¿¡ Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.
(¹æÈ¿±Ù Çѱ¹ÀúÀÛ±ÇÀ§¿øȸ °úÀå/revoice@copyright.or.kr)
[±èÁö¾ð ±âÀÚ(boan4@boannews.com)]
<ÀúÀÛ±ÇÀÚ: º¸¾È´º½º(http://www.boannews.com/) ¹«´ÜÀüÀç-Àç¹èÆ÷±ÝÁö>