¿ì¸®´Â º£Å×¶û ÇìµåÇåÅ͵éÀÔ´Ï´Ù
ä¿ëÁ¤º¸
ä¿ëÆ÷Áö¼Ç : UI ÆÛºí¸®½Ì ¸®µå (Flutter / Vue.js) ÆÀ¿ø_3/21 ¸¶°¨
2026-03-12 Á¶È¸¼ö : 3[ä¿ëÆ÷Áö¼Ç] UI ÆÛºí¸®½Ì ¸®µå (Flutter / Vue.js)
* °æ·Â 7³â ÀÌ»ó
[´ã´ç¾÷¹«]
• Flutter ±â¹Ý ¸ð¹ÙÀÏ ¾Û UI/ÆÛºí¸®½Ì ±¸Á¶ ¼³°è ¹× °í³À̵µ È¸é ±¸Çö
• Vue.js ±â¹Ý À¥ ¼ºñ½º ÆÛºí¸®½Ì Ç¥ÁØ ¼ö¸³ ¹× UI ǰÁú ÃѰý
• µðÀÚÀÎ ½Ã¾ÈÀ» ±âÁØÀ¸·Î Çȼ¿ ´ÜÀ§ Á¤¹Ð ±¸Çö ¹× UX ¿Ï¼ºµµ Ã¥ÀÓ
• ¹ÝÀÀÇü¡¤Çػ󵵡¤µð¹ÙÀ̽º Ư¼ºÀ» °í·ÁÇÑ ¸ÖƼ ȯ°æ UI ÃÖÀûÈ
• °øÅë ÄÄÆ÷³ÍÆ®, UI ÆÐÅÏ, ½ºÅ¸ÀÏ °¡ÀÌµå ¼³°è ¹× ¿î¿µ
• ÆÛºí¸®½Ì °üÁ¡¿¡¼ÀÇ ±âȹ¡¤µðÀÚÀÎ Çǵå¹é ¹× °³¼± Á¦¾È
• ¾Û(App)–À¥(Web) °£ UI/UX Àϰü¼º ¹× µðÀÚÀÎ ½Ã½ºÅÛ ¿¬°è °ü¸®
• ¸±¸®½º ´ÜÀ§ ǰÁú °ü¸® ¹× UI °ü·Ã À̽´ ¸®µù
[ÀÚ°Ý¿ä°Ç]
• °³¹ß °æ·Â 7³â ÀÌ»ó
¦¦ Flutter ±â¹Ý ¾Û ÆÛºí¸®½Ì¡¤UI ±¸Çö °æ·Â 4³â ÀÌ»ó (Çʼö)
¦¦ Vue.js ±â¹Ý À¥ ÆÛºí¸®½Ì °æ·Â 3³â ÀÌ»ó (Çʼö)
• Flutter¿¡¼ ·¹À̾ƿô, ¾Ö´Ï¸ÞÀ̼Ç, ÀÎÅÍ·¢¼ÇÀ» °í³À̵µ·Î ±¸ÇöÇÑ °æÇè
• Vue.js ȯ°æ¿¡¼ HTML/CSS ±¸Á¶ ¼³°è ¹× ÄÄÆ÷³ÍÆ® ´ÜÀ§ ÆÛºí¸®½Ì ¼÷·ÃÀÚ
• µðÀÚÀÎ ½Ã¾ÈÀ» ±×´ë·Î ±¸ÇöÇÏ´Â ¼öÁØÀ» ³Ñ¾î
¦¦ UI ¿Ï¼ºµµ¸¦ ½º½º·Î ÆÇ´ÜÇÏ°í º¸¿ÏÇÒ ¼ö ÀÖ´Â ¿ª·®
• º¹ÀâÇÑ È¸é(¸®½ºÆ®, Â÷Æ®, »óÅ º¯È, ½Ç½Ã°£ UI µî) ±¸Çö °æÇè
• ÆÛºí¸®½Ì °üÁ¡¿¡¼ ¼º´É¡¤À¯Áöº¸¼ö¡¤È®À强À» ÇÔ²² °í·ÁÇÑ ¼³°è °æÇè
• µðÀÚÀ̳ʿÍÀÇ Çù¾÷ °úÁ¤¿¡¼ UI ±â¼úÀû Á¦¾à¡¤´ë¾È Á¦½Ã °æÇè
• Git ±â¹Ý Çù¾÷ ¹× ÄÚµå ¸®ºä °æÇè
[¿ì´ë»çÇ×]
• ÆÛºí¸®½Ì ±âÁØ¡¤±ÔÄ¢¡¤°¡À̵带 Á÷Á¢ Á¤ÀÇÇÏ°í ÆÀ¿¡ ÀüÆÄÇÑ °æÇè
• µðÀÚÀÎ ½Ã½ºÅÛ, °øÅë UI ÄÄÆ÷³ÍÆ® ¶óÀ̺귯¸® ±¸Ãà °æÇè
• Flutter ¾Ö´Ï¸ÞÀ̼Ç, CustomPainter, Canvas Ȱ¿ë °æÇè
• CSS ±¸Á¶È(BEM, Scoped CSS, CSS•in•JS µî)¿¡ ´ëÇÑ ¸íÈ®ÇÑ Ã¶ÇÐ º¸À¯
• ÆÛºí¸®½Ì °üÁ¡¿¡¼ÀÇ ·¹°Å½Ã ÄÚµå ¸®ÆÑÅ丵 °æÇè
• ´Ù¾çÇÑ µð¹ÙÀ̽º/ºê¶ó¿ìÀú/UI ±úÁü À̽´ ´ëÀÀ °æÇè
• ¾îµå¹Î¡¤°üÁ¦¡¤´ë½Ãº¸µå µî Á¤º¸ ¹Ðµµ ³ôÀº È¸é ÆÛºí¸®½Ì °æÇè
• À¥ºä ȯ°æ¿¡¼ÀÇ UI ´ëÀÀ °æÇè
• Á¢±Ù¼º(a11y) ´ëÀÀ °æÇè
• ´Ù±¹¾î/RTL ·¹À̾ƿô ´ëÀÀ °æÇè
• Figma µî µðÀÚÀÎ Åø Ȱ¿ë ¹× µðÀÚÀΕ°³¹ß ¿¬°è ¿öÅ©ÇÃ·Î¿ì °æÇè
• Flutter À¥ ºôµå °æÇè
[±Ù¹«Áö] ¼¿ï ¼Ãʱ¸ (º»»ç)
[ó¿ì] ÇùÀÇ ÈÄ °áÁ¤