À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
WEBDESK
Web Development
HOME ¡µ WEBDESK ¡µ Web Development
No:105  2018.03.30  hit:1229 
°³¹ßÀÚ ÀÇ¿åÃæ¸¸! µµ¿òµÉ¸¸ÇÑ 7°¡Áö ÆÁ
»ý»êÀûÀÎ ¾÷¹« ȯ°æ, ¿ìÈ£ÀûÀÎ ³ë»ç °ü°è, º¸¶÷ ÀÖ°í µµÀüÀûÀÎ ÇÁ·ÎÁ§Æ® µî ÀÏÅ͸¦ Áñ°Ì°Ô ¸¸µé¾îÁÖ´Â ¸¹Àº ¿ä¼Ò°¡ ÀÖ´Ù.   ÀÌ ¸ðµç ¿ä¼Ò¸¦ °®Ãè´Ù ÇØµµ ¸ÅÀÏ ¸ÅÀÏ ÀÇ¿åÀ» À¯ÁöÇÏ´Â ÀÏÀº ¾î·Á¿ï ¼ö ÀÖ´Ù. ¾÷¹«¿¡¼­ µ¿±âºÎ¿©°¡ ÇÊ¿äÇÑ °³¹ßÀÚ¿¡°Ô ´Ù½Ã±Ý ¿­Á¤À» ºÒ¾î ³Ö¾îÁÙ 7°¡Áö ¹æ¹ýÀ» ¼Ò°³ÇÑ...
°³¹ßÀÚ  ÇÁ·ÎÁ§Æ®  µ¿±âºÎ¿© 
No:104  2018.03.28  hit:1747 (1)
[À¥ÄÚµù] È¿À²ÀûÀÎ ¾ç½Ä µðÀÚÀÎ : ±¸Á¶, ÀÔ·Â, ·¹ÀÌºí ¹× ¾×¼Ç
¾Û ¶Ç´Â À¥ »çÀÌÆ®¸¦ ÀÌ¿ëÇÏ´Â »ç¶÷¿¡°Ô´Â ƯÁ¤ÇÑ ¸ñÀûÀÌ ÀÖ½À´Ï´Ù. ±×¸®°í ÀÌ·¯ÇÑ Æ¯Á¤ ¸ñÀûÀ» ´Þ¼ºÇÏ´Â °úÁ¤¿¡¼­ ÇÊ¿äÇÑ °ÍÀÌ ¹Ù·Î ¾ç½ÄÀÔ´Ï´Ù. ¾ç½ÄÀº ¿©ÀüÈ÷ À¥°ú ¾Û»ó¿¡¼­ »ç¿ëÀÚ¿¡°Ô °¡Àå Áß¿äÇÑ »óÈ£ ÀÛ¿ë Áß ÇϳªÀÔ´Ï´Ù. ½ÇÁ¦·Î ¾ç½ÄÀº »ç¿ëÀÚ°¡ ¸ñÀûÀ» ´Þ¼ºÇÏ´Â °úÁ¤¿¡¼­ ÃÖÁ¾ ´Ü°è·Î °£ÁֵǴ °æ¿ì°¡ ¸¹½À´Ï´Ù...
µðÀÚÀΠ ÄÚµù  ÄÚµå·Ó½º  ¾îµµºñ XD 
No:103  2018.03.06  hit:1376 
'Ŭ¸¯ ¸î ¹øÀ¸·Î ¾Û ¸¸µç´Ù?'¡¤¡¤¡¤ ·Î¿ì ÄÚµåÀÇ °¡´É¼º°ú ÇѰè
Áö³­ ¸î ³â µ¿¾È '·Î¿ì ÄÚµå(low-code)' °³³äÀÌ ÁÖ¸ñ ¹Þ¾Ò´Ù. ¾ÖÇø®ÄÉÀ̼Ç, ƯÈ÷ µ¥ÀÌÅÍ ¼¼Æ® °ü¸®¿Í 󸮸¦ À§ÇÑ ÀÎ ÇϿ콺 ¾ÖÇø®ÄÉÀÌ¼Ç Á¦ÀÛ¿¡ ÇÊ¿äÇÑ ÇÁ·Î±×·¡¹ÖÀ» ¿ÏÀüÈ÷ ¾ø¾Ö°Å³ª ÁÙ¿©ÁÙ °ÍÀ¸·Î ±â´ë¸¦ ¸ð¾Ò´Ù.   »õ·Î¿î ¾ÖÇø®ÄÉÀ̼ÇÀ» óÀ½ºÎÅÍ »õ·Î ¸¸µé ÇÊ¿ä ¾ø...
Low-code  ¾îÇø®ÄÉÀ̼Ǡ °³¹ß  ·Î¿ì ÄÚµå 
No:102  2017.12.04  hit:2057 
ÄÚµù ¾øÀÌ ¾Û ¸¸µå´Â ÀϹÝÀÎ °³¹ßÀÚ, ·ÎÄڵ塤³ëÄÚµå ¿­Ç³
»õ·Î¿î ¾ÖÇø®ÄÉÀ̼Ç, ƯÈ÷ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ǿ¡ ´ëÇÑ ÀÛ¾÷ÀÚÀÇ ¿ä±¸°¡ °¥¼ö·Ï ³ô¾ÆÁö°í ÀÖ´Ù. ¸¹Àº ¾÷°è ¾Ö³Î¸®½ºÆ®, ¿¬±¸¿ø°ú ±â¾÷ °æ¿µÁøµéÀÌ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀ̼ÇÀÇ ¼ö¿ä°¡ Á¡Â÷ IT ºÎ¼­¿¡¼­ µû¶ó°¡±â ¾î·Á¿ï Á¤µµ·Î ¸¹¾ÆÁö´Â Ãß¼¼¶ó°í °­Á¶ÇÑ´Ù.   °¡Æ®³Ê´Â 2021³â±îÁö ±â¾÷ ³»¿¡¼­ ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉ...
ÄÚµù  ¾ÖÇø®ÄÉÀ̼Ǡ Ç÷§Æû  ³ëÄÚµå  ·ÎÄÚµå 
No:101  2017.05.30  hit:3711 
HTML5, ÇÙ½É À¥ ±â¼úÀÇ º¯È­°¡ ½ÃÀ۵ƴÙ
¿ÀÇ À¥ Ç÷§ÆûÀÇ ±â¹Ý ±â¼úÀÎ HTML5 Ç¥ÁØÀÌ ±â¼úÀÇ È®Àå°ú ´õºÒ¾î Çٽɱâ´ÉÀÌ º¯È­Çϰí ÀÖ´Ù. ¾÷µ¥ÀÌÆ® ÁֱⰡ »¡¶óÁö°í º¸¾È, ¼º´É ¹× ½ºÆ®¸®¹Ö °³¼± »Ó¸¸ ¾Æ´Ï¶ó À¥ °áÁ¦ Ç¥Áصµ µµÀԵȴÙ.   Credit: Geralt via Pixabay   HTML5´Â 2014³â 10¿ù ±Û·Î¹ú À¥ Ç¥ÁØÀ¸·Î °ø½Ä ...
HTML5 
No:100  2015.10.06  hit:3742 
³×ÀÌÆ¼ºê, HTML5, ÇÏÀ̺긮µå ¸ð¹ÙÀÏ ¾Û: Àå´ÜÁ¡ ºÐ¼®Çϱâ
´ÙÀ½Àº ¸ð¹ÙÀÏ ¾ÛÀ» °³¹ßÇÏ´Â ¼¼ °¡Áö ÁÖ¿ä ¹æ¹ýÀÌ´Ù. °¢°¢ÀÇ ½º³À¼¦¿¡´Â °£·«ÇÑ ¼³¸í, °¡Àå ÀûÇÕÇÑ ºÐ¾ß, Àå´ÜÁ¡, °ü·Ã °³¹ß µµ±¸°¡ Æ÷ÇԵǾî ÀÖ´Ù.   ³×ÀÌÆ¼ºê ¾Û °³¹ß   ³×ÀÌÆ¼ºê ¾Û °³¹ß¿¡¼­ ¸ð¹ÙÀÏ ¾ÛÀº iOS, ¾Èµå·ÎÀ̵å, À©µµ¿ì ÆùÀ» ºñ·ÔÇÑ Æ¯Á¤ ¸ð¹ÙÀÏ Ç÷§...
³×ÀÌÆ¼ºê  HTML5  ÇÏÀ̺긮µå  ¸ð¹ÙÀÏ ¾Û 
No:99  2015.08.21  hit:4150 
HTML5 ½Ã´ë UXÀÇ °úÁ¦¿Í Â÷¼¼´ë UI Ç÷§ÆûÀÇ Á¶°Ç
HTML5 Ç¥ÁØÀÇ µîÀåÀ¸·Î À¥ ȯ°æÀÇ ÀÏ´ë º¯È­°¡ ¿¹°íµÇ°í ÀÖ´Ù. HTML5´Â ƯÈ÷ ±âÁ¸¿¡ À¥¿¡¼­ ¸ÖƼ¹Ìµð¾î ¹× ÀÎÅÍ·¢Æ¼ºê UI ±¸Çö¿¡ »ç¿ëµÇ´ø ActiveX/RIA ȯ°æÀ» ´ëüÇÒ ¼ö ÀÖ´Ù´Â Á¡¿¡¼­ ±â´ë¸¦ ¸ðÀ¸°í ÀÖÀ¸¸ç, °ü·Ã ½ÃÀåÀÇ ¿òÁ÷ÀÓµµ ºÐÁÖÇÏ´Ù. ±âÁ¸ À¥ UX ȯ°æÀÇ ÇѰè¿Í ¹®Á¦Á¡À» ¤¾îº¸°í HTML5ÀÇ °¡´É¼º...
HTML5  UX  UI  Ç÷§Æû 
No:98  2015.07.15  hit:5199 
»çÀÌµå ¸Þ´º ½½¶óÀ̵ù ¹æ½Ä-Multi-Level Push Menu
¿äÁò ȨÆäÀÌÁö¿¡¼­ ¶Ç´Â, ¸ð¹ÙÀÏ À¥, ¾îÇø®ÄÉÀ̼ǿ¡¼­ ¸¹ÀÌ È°¿ëµÇµµ ÀÖ´Â »çÀÌµå ¸Þ´º ±¸Çö¹æ½ÄÀÔ´Ï´Ù. Ȱ¿ëµµ°¡ ³ôÀº ¸¸Å­ Æ®·»µå¶ó°í ÇÒ ¼ö ÀÖ°ÚÁÒ. ¿ìÃøÀÇ ¿ÀǸ޴º ¹öưÀ» Ŭ¸¯Çϸé ÁÂÃø¿¡ »çÀ̵å¸Þ´º Ãâ·Â °¡´ÉÇÑ ¸®¼Ò½ºÀÔ´Ï´Ù. 3´Ü°è±îÁö ÆîÃÄÁö´Â »çÀÌµå ¸Þ´ºÀ̰í ÇϺθ޴º·Î À̵¿...
¸ð¹ÙÀÏÀ¥  ¾îÇø®ÄÉÀ̼Ǡ »çÀÌµå ¸Þ´º 
No:97  2015.07.10  hit:4268 
»ç¿ëÀÚ Áß½ÉÀÇ ¼ÒÇÁÆ®¿þ¾î °³¹ßÀ» À§ÇÑ UI/UX ÂüÁ¶¸ðµ¨ °¡À̵å
¼Ò°³ÇØ µå¸®´Â ÀÚ·á´Â 2014³â 3¿ù¿¡ Á¦ÀÛµÈ ÀÚ·áÀÔ´Ï´Ù. ¾Æ¸¶ ¸¹Àº ºÐµéÀÌ ¾Ë°í ÀÖ´Â Á¤º¸Àϼö ÀÖÁö¸¸, ±âȹÀÚ, µðÀÚÀ̳Ê, °³¹ßÀÚ ¸ðµÎ Âü°íÇÒ ¼ö ÀÖ´Â ÀÚ·áÀÔ´Ï´Ù. ƯÈ÷ °³¹ßÀڵ鿡°Ô ¸Å¿ì À¯¿ëÇÑ ÀÚ·á¶ó°í »ý°¢ÇÕ´Ï´Ù. º» ÀÚ·áÀÇ ±âȹÀº ¹Ì·¡Ã¢Á¶°úÇÐ, Á¤º¸Åë½Å»ê¾÷ÁøÈï¿ø ºÎ¼³ SW°øÇм¾ÅÍ, Çѱ¹µðÀÚÀÎÁøÈï¿ø¿¡¼­ ...
UI  UX  ±âȹÀÚ  µðÀÚÀ̳ʠ °³¹ßÀÚ  ¼ÒÇÁÆ®¿þ¾î  Çѱ¹µðÀÚÀÎÁøÈï¿ø 
No:96  2015.05.18  hit:4494 
½º¸¶Æ®Æù¿¡¼­ ȨÆäÀÌÁö¸¦ Å×½ºÆ®Çϱâ À§ÇÑ À¯¿ëÇÑ µµ±¸ ¸ðÀ½
ÃÖ±Ù ÁöÇÏö¿¡¼­ »ç¶÷µéÀ» º¸¸é ½º¸¶Æ®ÆùÀ» ÀÌ¿ëÇÏ¿© °ÔÀÓÀ̳ª À¥¼­ÇÎÀ» Áñ±â´Â ºÐµéÀ» ½±°Ô º¼¼ö ÀÖ½À´Ï´Ù. 10¸íÁß 9¸íÀº ½º¸¶Æ®ÆùÀ» »ç¿ëÇÒ ¸¸Å­ ½º¸¶Æ®Æù´Â ´ëÁßÈ­µÇ¾î ÀÌÁ¦ ¿ì¸® »ýȰ¿¡¼­ ¶ª¼ö ¾ø´Â Áß¿äÇÑ ¿ä¼ÒÁß¿¡ Çϳª°¡ µÇ¾ú´Âµ¥¿ä. À¥ÅëÀÇ ºí·Î±× ¹æ¹®ÀÚ ºñÁßÀ» º¸¸é ¸ð¹ÙÀÏ·Î Á¢¼ÓÇÑ ¹æ¹®ÀÚ°¡ Àüü¿¡ 30~40% ...
½º¸¶Æ®Æù  ȨÆäÀÌÁö  Å×½ºÆ®  µµ±¸ 
No:95  2015.05.06  hit:8449 (1)
¸ð¹ÙÀÏ À¥ÆäÀÌÁö Á¦À۽à ±âº»ÀûÀÎ ÄÚµù ÆÁ
½º¸¶Æ®Æù 2õ¸¸¸í ½Ã´ëÀÎ Áö±ÝÀº ¸ð¹ÙÀÏ À¥»çÀÌÆ® ÄÚµùÀº ÀÏ¹Ý À¥»çÀÌÆ® ÄÚµù¸¸Å­ ÇÏ°Ô µÇ´Â°Í °°Àºµ¥¿ä. ÃÖ±Ù 1,2³â »çÀÌ À¥À» ÀÌ¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ¸ð¹ÙÀÏ ±â±â°¡ µîÀåÇϸ鼭 ¹Ìµð¾î Äõ¸®¸¦ ÀÌ¿ëÇØ ´Ù¾çÇÑ ÇØ»óµµ¿¡ ¹ÝÀÀÇÏ´Â À¥À» ±¸ÇöÇÏ´Â ±â¼úÀÎ ¹ÝÀÀÇü À¥±îÁö ¸¸µé¾îÁö°Ô µÇ¾ú½À´Ï´Ù.   ¸ð¹ÙÀÏ ÄÚ...
¸ð¹ÙÀÏ  À¥ÆäÀÌÁö  ÄÚµù 
No:94  2015.04.16  hit:16895 
¾Èµå·ÎÀÌµå ¸ÓÆ¼¸®¾ó µðÀÚÀÎ À§Á¬ ¿ÀǼҽº 21°¡Áö
¾Èµå·ÎÀÌµå ·Ñ¸®ÆËÀÌ ¹ßÇ¥ µÇ¸é¼­ ¸ÓƼ¸®¾ó µðÀÚÀο¡ ´ëÇÑ °ü½É°ú ÇÔ²² °ü·ÃµÈ À§Á¬ÀÌ ¿ÀǼҽº·Î ¸¹ÀÌ °ø°³ µÇ¾ú´Ù. ¾ó¸¶Àü±îÁö¸¸ ÇØµµ µðÀÚÀÎÀûÀÎ ºÎºÐ¸¸À» °í·ÁÇØ¼­ °³¹ßµÇ¾î ¾ú´Ù¸é ÀÌÁ¦´Â ¼º´Éµµ ÇÔ²² °í·ÁÇÏ¿© ¼º´ÉÀÌ ¿ì¼öÇÑ À§Á¬µéÀÌ ¼Ó¼Ó µîÀå/¾÷µ¥ÀÌÆ® µÇ°í ÀÖ´Â Ãß¼¼´Ù. ÀÚ½ÅÀÇ ¾Û...
¾Èµå·ÎÀÌµå  ¸ÓƼ¸®¾ó µðÀÚÀΠ À§Á¬  ¿ÀǼҽº 
No:93  2015.02.13  hit:6241 (1)
One page Scrolling Example and Resource
One Page Scrolling¿¡ ´ëÇÑ ÀÚ·á¿Í ¸®¼Ò½º ÆÄÀÏÀ» ã´Ù°¡ Á¤¸®ÇÑ ³»¿ëÀÔ´Ï´Ù. ¸®¼Ò½º ÆÄÀϸ¸À¸·Îµµ ÃæºÐÇÑ Á¤º¸°¡ µÉ ¼ö ÀÖÀ» °Í °°¾Æ¼­ °øÀ¯ÇØ µå¸®¸ç, ÇÊ¿äÇÑ ºÐµéÀÌ ÀÖÀ¸¸é µµ¿òÀÌ µÇ¾úÀ¸¸é ÇÕ´Ï´Ù.   ¾Æ·¡ ¼Ò°³Çϰí ÀÖ´Â ÀÚ·áµéÀº ÇöÀç °¡Àå ¸¹ÀÌ »ç¿ëÇϰí ÀÖ´Â Æ®·»µå°¡ ¾Æ´Ò±î »ý...
One page  Scrolling  Example  Resource 
No:92  2015.02.06  hit:4747 
¼îÇθô¿¡ »ç¿ëÇϸé ȯ¿µ¹ÞÀ» ¸®¼Ò½º
¼Ò°³Çϰí ÀÖ´Â ¸®¼Ò½º´Â "Responsive Product Grid Layout"¶ó°í Á¦¸ñÀÌ ºÙ¾î Àֳ׿ä.   ¼îÇθô¿¡¼­ »óǰÀ» È¿°úÀûÀ¸·Î Àü½ÃÇÒ ¼ö ÀÖµµ·Ï µ½´Â ¼Ò½ºÀÔ´Ï´Ù. ƯÈ÷, ÆÐ¼Ç¸ô¿¡ Ȱ¿ëµÇ¸é ÁÁÀ» °Í °°½À´Ï´Ù. »óǰÀÇ ¾Õ¸ð½À°ú µÞ¸ð½ÀÀ» ȸÀü½ÃÄѼ­ º¼ ¼öµµ ÀÖ°í, »ö...
¼îÇθô  ¸®¼Ò½º  Blueprint  ¹«·á 
No:91  2015.01.13  hit:27283 
20°¡Áö »çÀÌµå ¸Þ´º ³×ºñ°ÔÀÌ¼Ç ¸®¼Ò½º
20 jQuery Side Sliding Panel Plugins (show-hide) For Your Website   »çÀÌµå ¸Þ´º ³×ºñ°ÔÀÌ¼Ç ±â´ÉÀº Ãֱ٠ȨÆäÀÌÁö Á¦ÀÛ ¶Ç´Â ¾îÇø®ÄÉÀÌ¼Ç °³¹ß ½Ã, ¸¹ÀÌ È°¿ëµÇ°í ÀÖ´Â ±â´É Áß¿¡ ÇϳªÀÔ´Ï´Ù. ¹°·Ð Çʼö ±â´ÉÀº ¾Æ´ÏÁö¸¸ ³ª¸§ Æ®·»µå·Î ÀÚ¸®¸¦ Àâ¾Æ°¡°í ...
»çÀÌµå ¸Þ´º  ³×ºñ°ÔÀ̼Ǡ ¸®¼Ò½º  CSS3  html5 

   1 2345...7 [´ÙÀ½ 5°³]
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
µðÀÚÀÎ µðÀÚÀÎ Àΰ£°ü ÆùÆ® ¼Ö·ç¼Ç ¸ð¹ÙÀÏ ¼º°ø µðÀÚÀÎDB µðÀÚÀÌ³Ê ¸®´õ ·Î°íµðÀÚÀÎ À̺¥Æ® ¼Ö·ç¼Ç °¡À̵å ÇÁ·¹Á¨Å×ÀÌ¼Ç RFP ±¸±Û À̳ëµðÀÚÀÎ ¼º°ú ÇÁ·Î±×·¡¹Ö ¾î¸ÞÀÌ¡ ÇöóÀ̽º ¸¶¿ì½º Ç÷§ À¥¾î¿öµå2009 ±â¾÷ iPhone Ç÷¯±×ÀÎ ½Ã¾ÈÀÛ¾÷ ¿¡¹ö³ëÆ® À¥ Ç¥ÁØ SW SNS À¥Ç¥ÁØ ÀÎÆ÷±×·¡ÇÈ ³×Æ®¿öÅ© ºñ¹Ð¹øÈ£ CSS3 iOS 9 ±³È¸ Çõ½Å
Recommend Tags
µðÀÚÀÎ ¾ÅÅ· ÆÛ½º³Î ºê·£µå »ç¿ëÀÚ °æÇè ¼­ºñ½º µðÀÚÀÎ