»ç¾÷¼Ò°³

»ç¾÷¼Ò°³09

¿À·£ ³ëÇϿ츦 ¹ÙÅÁÀ¸·Î °í°´ÀÇ ½Å·Ú¸¦ À̲ø¾î³»´Â ±â¾÷

»ç¾÷¼Ò°³09

¿À·£ ³ëÇϿ츦 ¹ÙÅÁÀ¸·Î °í°´ÀÇ ½Å·Ú¸¦ À̲ø¾î³»´Â ±â¾÷

±Û·Î¹ú ±â¾÷ÀÇ µµ¾à

°ú°Å À¥»çÀÌÆ®µéÀº ´ëºÎºÐ µ¥½ºÅ©Åé¿¡¼­¸¸ º¼ ¼ö ÀÖ°í, ÇÇóÆù ½ÃÀý¿¡µµ ÀÎÅÍ³Ý Á¢¼ÓÀº ´ë´Ù¼ö °¡´ÉÇßÀ¸³ª, ¿©·¯°¡Áö ¹®Á¦·Î ÀϹÝÀûÀ¸·Î »ç¿ëÇϱ⿡´Â ¹«¸®°¡ ¸¹¾Ò°í, ¼³»ó°¡»óÀ¸·Î Åë½Åȸ»ç¿¡¼­ µ¥ÀÌÅÍ ¿ä±ÝÁ¦¸¦ È«º¸ÇÏÁö ¾Ê°í »ç¿ë·á¸¦ ³Ê¹« ºñ½Î°Ô Ã¥Á¤ÇÏ´Â ¹Ù¶÷¿¡ °ÅÀÇ »ç¿ëµÇÁö ¾Ê¾Ò´Ù. WAPÀÌ ¾²ÀÌ´ø ´ç½Ã ÆÐŶ(0.5KB)´ç ÅؽºÆ®´Â 4.55¿ø, °ÔÀÓÀ» Æ÷ÇÔÇÑ ¼Ò¿ë·® ¸ÖƼ¹Ìµð¾î´Â 1.75¿ø, µ¿¿µ»ó°ú ¿øÀ½ º§¼Ò¸® µî ´ë¿ë·® ¸ÖƼ¹Ìµð¾î´Â 0.9¿ø, ÀÎÅÍ³Ý Á÷Á¢Á¢¼ÓÀº 0.25¿øÀ¸·Î »ó´çÈ÷ ºñ½Õ´Ù. ½ÉÁö¾î´Â ¿ä±ÝÆøźÀ» ¸ÂÀº ÇлýÀÌ ÀÚ»ìÇÏ´Â »ç·Ê±îÁö ÀÖ¾ú´Ù.

¹Ìµð¾î Äõ¸®

¹Ìµð¾î Äõ¸®(Media Query)´Â CSS2ºÎÅÍ ½ÃÀ۵Ǿî CSS3¿¡¼­ º»°ÝÀûÀ¸·Î ¾²À̱⠽ÃÀÛÇÑ À¥ ±â¹ýÀÌ´Ù. µð¹ÙÀ̽ºÀÇ ÆøÀ̳ª ³ôÀÌ µîÀÇ Á¤º¸¸¦ °¡Áö°í ½ºÅ¸ÀÏÀ» °³º°ÀûÀ¸·Î ÁÙ ¼öÀÖ´Ù. ¿¹¸¦µé¾î¼­, 1000px ÀÌ»óÀÇ ½ºÅ©¸°¿¡¼­´Â ¿À¸¥ÂÊ¿¡ ¿ÍÀÖ´ø »çÀ̵å¹Ù°¡, 1000px ¹Ì¸¸ÀÇ ½ºÅ©¸°(ÅÂºí¸´ µî)¿¡¼­´Â ¾Æ·¡ÂÊÀ¸·Î ºüÁö°ÔµÇ´Â È¿°ú¸¦ ÁÙ ¼ö ÀÖ´Ù. ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» Çϱâ À§Çؼ­´Â ÀÏ¹Ý À¥ µðÀÚÀΰú ´Ù¸¥ Ưº°ÇÑ ±â¹ýµéÀÌ »ç¿ëµÈ´Ù. ÀÌ´Â À¥ µðÀÚÀο¡ ´ëÇÑ ³ôÀº ÀÌÇصµ¿Í »õ·Î¿î ·¹À̾ƿô µîÀÇ °³³äÀ» ÇÊ¿ä·Î ÇÑ´Ù. ¾Æ·¡¿¡ ÀÖ´Â ³»¿ëÀº ÀüºÎ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» ÇÒ ¶§ ÇʼöÀûÀÎ ±â¹ýµéÀ» ¸ð¾Æ³õÀº °ÍÀÌ´Ù.

À¯µ¿Çü ±×¸®µå

À¯µ¿Çü ±×¸®µå(Fluid Grids)´Â °íÁ¤µÈ ´ÜÀ§°¡ ¾Æ´Ï¶ó »óȲ¿¡ ¸Â°Ô º¯ÇÒ ¼ö ÀÖ´Â emÀ̳ª % µîÀÇ ´ÜÀ§¸¦ »ç¿ëÇÏ´Â ±â¹ýÀ» ¸»ÇÑ´Ù. Áï À¥ºê¶ó¿ìÀú â Å©±â¸¦ ´ÃÀ̰ųª ÁÙÀ̸é ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â ¿ä¼ÒÀÇ Å©±âµµ ±×¿¡ ¸Â°Ô º¯ÇÑ´Ù´Â ¶æÀÌ´Ù. ¹Ìµð¾î Äõ¸®¿Í °°ÀÌ ÀÌ¿ëÇϸé ƯÁ¤ ¹üÀ§ÀÇ ½ºÅ©¸°¿¡ µû¸¥ °íÁ¤Çü ±×¸®µå/¹ÝÀÀÇü ±×¸®µåÀÇ ±¸Çöµµ °¡´ÉÇÏ´Ù.

¹ÝÀÀÇü À¥ÀÇ Æ¯Â¡

¹ÝÀÀÇü À¥ µðÀÚÀÎÀº À¯¿¬ÇÑ ·¹À̾ƿô¿¡ ´ëÀÀÇÏ¿© Ç×»ó ÃÖÀûÀÇ È­¸éÀ» Á¦°øÇÔÀ¸·Î½á ´Ù¾çÇÑ ½ºÅ©¸° »çÀÌÁ Áö´Ñ µð¹ÙÀ̽º¿¡ ÀûÀÀÇÏ°Ô µÈ´Ù. ±×¸®°í ¹ÝÀÀÇü À¥ÀÌ ÀÏ¹Ý À¥ µðÀÚÀΰú ´Ù¸¥ Å« ÀÌÀ¯ Áß¿¡ Çϳª´Â ÀÌ ¸ðµç ±â¼úÀÌ ÇϳªÀÇ ¼Ò½º·Î ±¸Çö °¡´ÉÇÏ´Ù´Â Á¡ÀÌ´Ù. º¸Åë ÀÏ¹Ý À¥ µðÀÚÀÎÀÇ °æ¿ì¿¡´Â PC¿Í ÅÂºí¸´, ½º¸¶Æ®ÆùÀÇ ºê¶ó¿ìÀú °¢°¢¿¡ ÃÖÀûÈ­½ÃŲ ¼Ò½º¸¦ °³¹ßÇÏ¿© °¢ µð¹ÙÀ̽º º°·Î »êÃâ¹°ÀÌ »ý±â±â ¶§¹®¿¡ Ãʱâ Á¦ÀÛºñ¿ë»Ó¸¸ ¾Æ´Ï¶ó ÃßÈÄ À¯Áöº¸¼ö Àη°ú ºñ¿ë±îÁö Ãß°¡·Î ¹ß»ýÇÏ°Ô µÈ´Ù. ¿äÁò¿¡´Â ´Ù¾çÇÑ ½º¸¶Æ® ±â±â°¡ °è¼ÓÇؼ­ °³¹ßµÇ°í Àֱ⠶§¹®¿¡ °¢°¢ÀÇ µð¹ÙÀ̽º¿Í ½ºÅ©¸° »çÀÌÁî¿¡ ¸ÂÃß¾î »çÀÌÆ®¸¦ °³¹ßÇÑ´Ù´Â °ÍÀº °ÅÀÇ ºÒ°¡´É¿¡ °¡±õ´Ù°í º¼ ¼ö ÀÖ´Ù. ÇÏÁö¸¸ ¹ÝÀÀÇü À¥Àº ÇϳªÀÇ ¼Ò½º¸¦ ¼öÁ¤ÇÏ¸é ¸ðµç ½ºÅ©¸° »çÀÌÁî¿¡ ¸ÂÃß¾î ÄÁÅÙÃ÷°¡ ÃÖÀûÈ­µÇ±â ¶§¹®¿¡ À¯Áöº¸¼ö°¡ È¿À²ÀûÀÌ°í, »ç¿ëÀÚ ÀÔÀå¿¡¼­µµ ±â±â¿¡ ±¸¾Ö¹ÞÁö ¾Ê°í Ç×»ó ÃÖÀûÀÇ È­¸éÀ» °æÇèÇÒ ¼ö ÀÖ´Ù´Â Ãø¸é¿¡¼­ ¹ÝÀÀÇü À¥ÀÇ ÀåÁ¡ÀÌ °í½º¶õÈ÷ ³ªÅ¸³ª°Ô µÈ´Ù.

»ç¾÷¼Ò°³ ÀýÂ÷

³ÐÀº Àǹ̷δ ¿©·¯ ÀåÄ¡ÀÇ ´Ù¾çÇÑ Æ¯¼º¿¡ ´ëÀÀÇÏ´Â ÇϳªÀÇ À¥ ¹®¼­ ¶Ç´Â »çÀÌÆ®·Î½á ºê¶ó¿ìÀúÀÇ Å©±â(½ºÅ©¸°ÀÇ Å©±â)¿¡ ½Ç½Ã°£À¸·Î ¹ÝÀÀÇÏ¿© Å©±â¿¡ µû¶ó ·¹À̾ƿôÀÌ º¯ÇÏ´Â À¥ »çÀÌÆ®¶ó´Â Àǹ̰¡ Àִµ¥, ÀÌ´Â ´Ù¾çÇÑ µð¹ÙÀ̽º¿¡ ´ëÀÀÇÏ¿© ÃÖ¼ÒÇÑÀÇ º¯È­·Î ³»¿ë Ž»öÀ» ½±°Ô ÇÏ¿©, »çÀÌÆ®¸¦ ÃÖÀûÀÇ ÇüÅ·ΠÁ¦°øÇÑ´Ù´Â ¶æÀÌ´Ù. ¶ÇÇÑ Á¼Àº Àǹ̷δ CSS3 Media Queries, Fluid/Hybrid Grid Layout, Flexible Media Content µîÀ» ÀÌ¿ë/»ç¿ëÇÏ¿© ±¸ÇöÇÑ È¨ÆäÀÌÁö¸¦ ¶æÇÑ´Ù.

À¯Æ©ºê µ¿¿µ»ó ºÒ·¯¿À±â

Æú¸®¿¡½ºÅÍ ¿ø·áÀÎ PTA(°í¼øµµ Å×·¹ÇÁÅ»»ê)¿Í EG(¿¡Æ¿·»±Û¸®ÄÝ)´Â ¿­°ú ¾Ð·ÂÀÌ °¡ÇØÁö´Â ÁßÇÕ¹ÝÀÀÀ» ÅëÇØ °Ö(Gel) ÇüÅÂÀÇ Æú¸®¸Ó(Polymer)°¡ µË´Ï´Ù. ÀÌ°ÍÀ» ½ÇÀ» »Ì¾Æ³»´Â ¹æ»ç¶ó´Â °úÁ¤°ú ´Ù¾çÇÑ ¹°¼ºÀ» ºÎ¿©ÇÏ´Â ¿¬½ÅÀ̶ó´Â °úÁ¤À» °ÅÄ£ ÈÄ Âª°Ô À߶ó ¼Ø ÇüÅ·Π¸¸µå´Â °ÍÀ» ´Ü¼¶À¯, ½Ç(Þê)ÀÇ ÇüÅ·Π¸¸µå´Â °ÍÀ» À弶À¯¶ó°í ÇÕ´Ï´Ù.

±¹³» ÃÖÃÊ·Î 400¢ªCÀÇ °í¿Â¿¡¼­µµ ³ìÁö ¾Ê´Â ¸ÞŸ ¾Æ¶ó¹Ìµå °³¹ß¿¡ ¼º°øÇÏ¿© »ó¾÷ »ý»êÀ» ÇÏ°í ÀÖÀ¸¸ç ÆĶó ¾Æ¶ó¹Ìµåµµ °³¹ß¿¡ ¼º°øÇÏ¿© »ó¾÷ »ý»êÀ» ¾ÕµÎ°í ÀÖ½À´Ï´Ù. PPS ¼¶À¯´Â ¼¼°è ½ÃÀå Á¡À¯À² 2À§·Î ¿ì¼öÇÑ ³­¿¬¼º°ú ³»È­ÇмºÀ¸·Î »ê¾÷¿ë ¼ÒÀç·Î È°¿ëµÇ°í ÀÖ½À´Ï´Ù.

±Û·Î¹ú ¿£Áö´Ï¾î¸µ ȸ»ç

ÄÁ¼³ÆÃ, Ÿ´ç¼º Á¶»ç, ±âº» ¹× »ó¼¼¼³°è¿¡¼­ºÎÅÍ ±¸¸Å, ½Ã°ø, °¨¸®, ½Ã¿îÀü¿¡ À̸£±â±îÁö Àü·Â ¹× ¿¡³ÊÁö Ç÷£Æ® °ü·Ã ¸ðµç ¹üÀ§¸¦ ¸Á¶óÇÏ¸ç ¶Ù¾î³­ ±â¼ú·ÂÀ» ÀÚ¶ûÇÏ°í ÀÖ½À´Ï´Ù. °íÇ°Áú ¿£Áö´Ï¾î¸µ ±â¼úÀ» ¹ÙÅÁÀ¸·Î ¼¼»óÀ» ¹àÈ÷´Â ºû°ú ¿¡³ÊÁö¸¦ Á¦°øÇÒ °ÍÀ» ¾à¼ÓÇÕ´Ï´Ù.

±Û·Î¹ú »ç¾÷¼Ò°³
Global No.1 WEBZLE

20³â ÀÌ»ó ÃàÀûµÈ ICT »ç¾÷ °æÇè°ú Àü¹®¼ºÀ» ¹ÙÅÁÀ¸·Î, ±Û·Î¹ú °í°´ ´ë»ó ¸ÂÃãÇü ¼­ºñ½º ¹× ¼Ö·ç¼ÇÀ» Á¦°øÇÔÀ¸·Î½á Àü¼¼°è °¢±¹ °í°´ÀÇ ±â´ë ±× ÀÌ»óÀ» ½ÇÇö½ÃÄÑ ³ª°¡°í ÀÖ½À´Ï´Ù. ÀÌ¹Ì ¼¼°è ¿©·¯ ³ª¶ó¿¡¼­ ±â¼ú·ÂÀ» ÀÎÁ¤¹ÞÀ¸¸ç ´Ù¾çÇÑ »ç¾÷¼º°ú¸¦ ÀÌ·èÇÏ°í ÀÖ´Â À¥ÁñÀº ¾ÕÀ¸·Îµµ ±Û·Î¹ú »ç¾÷¿µ¿ª¿¡¼­ Â÷º°È­µÈ °¡Ä¡¸¦ Á¦°øÇϱâ À§ÇØ Ç×»ó ³ë·ÂÇÒ °ÍÀÔ´Ï´Ù.

09.