ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ (°æ·Â)
'±³À° °ÝÂ÷'¶ó´Â »çȸÀÇ ¹ö±×¸¦ ÇØ°áÇÕ´Ï´Ù. ¾ÆÀÌÇìÀÌÆ®ÇöóÀ×¹ö±×½º´Â 2013³â ¡®¹Ð´ç¿µ¾î¡¯¶ó´Â À̸§ÀÇ ¾î´ðƼºê ·¯´× ¼­ºñ½º¸¦ Ãâ½ÃÇÑ ÀÌ·¡ 11³â °¡±îÀÌ °¡±îÀÌ ¡®Áú ³ôÀº ±³À° ±âȸÀÇ Æòµî¡¯À̶ó´Â ¹Ì¼ÇÀ» ±âÄ¡·Î ±³À° ½ÃÀå¿¡¼­ »õ·Î¿î ±æÀ» ¸¸µé¾î °¡°í ÀÖ½À´Ï´Ù. Àü¿¡ ¾ø´ø AI ±â¹Ý ¿ÂÅÃÆ® ÆÛ½º³Î ƼĪ ¼­ºñ½º ¹Ð´çPT¿Í ¼±»ý´ÔÀ» ¸ÕÀú »ý°¢ÇÏ´Â AI µðÁöÅб³°ú¼­ Ç÷§Æû ½ºÄðPT·Î »õ·Î¿î ÇнÀ¡¤±³¼ö °æÇèÀ» ¸¸µé¾î ¿Ô½À´Ï´Ù. ³¡±îÁö °øºÎÇÏ°Ô ¸¸µé ¼ö ÀÖ´Â °Ç »ç¶÷»ÓÀ̶ó´Â »ý°¢À» ±â¹ÝÀ¸·Î, AI ±â¼ú¿¡ ¸Ã±æ ¼ö ÀÖ´Â ¿µ¿ªÀ» Á¶±Ý¾¿ ´õ °íµµÈ­ÇÏ¸ç ¡®±³À° °ÝÂ÷¡¯¶ó´Â »çȸÀÇ ¹ö±×¸¦ ÇØ°áÇÏ°í ÀÖ½À´Ï´Ù. ³× ¸íÀÌ °Ü¿ì µé¾î°¡´Â ¿Áž¹æ¿¡¼­ ½ÃÀÛÇÑ ¾ÆÀÌÇìÀÌÆ®ÇöóÀ×¹ö±×½º´Â ÀÌÁ¦ ÇÑ°­ÀÌ ³»·Á´Ù º¸ÀÌ´Â ¿ÀÇǽº¿¡¼­ Áú ³ôÀº ±³À° ±âȸÀÇ ÆòµîÀ» ÀÌ·ç±â À§ÇØ ºÐÅõÇÏ°í ÀÖ½À´Ï´Ù. ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ ¾ÆÀÌÇìÀÌÆ®ÇöóÀ×¹ö±×½º ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ´Â ÇлýÀÇ ÇнÀ ÆäÀÌÁö¸¦ ºñ·ÔÇØ CRM, Contents Management System, Learning Management SystemÀ» °³¹ßÇÕ´Ï´Ù. À¥ »ýÅ°迡 ÀÖ´Â ´Ù¾çÇÑ ÇÁ·¹ÀÓ¿öÅ©µé¿¡¼­ ¿Ã¹Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©¸¦ ¼±ÅÃÇϱâ À§ÇØ ´Ù¾çÇÑ ÀÇ°ß°ú °üÁ¡À» µè°íÀÚ github discussions¸¦ ÀÌ¿ëÇÏ¿© RFC(Request for Comments) ¹®¼­¸¦ ÀÛ¼ºÇÕ´Ï´Ù. ÇÁ·¹ÀÓ¿öÅ©³ª ¶óÀ̺귯¸®µé¿¡¼­ ºÎÁ·ÇÑ ±â´ÉµéÀº Á÷Á¢ ¸¸µé¾î¼­ »ç¿ëÇϱ⵵ ÇÕ´Ï´Ù. ÁÖ·Î ÄÚµå ¸®ºä, µ¥Àϸ® ¹ÌÆÃ, ÆÀ ½ºÅ͵ð, ÆäÀÌ ÇÁ·Î±×·¡¹Ö µîÀ» ÅëÇؼ­ ¼­·ÎÀÇ ¾ÆÀ̵ð¾î¸¦ °øÀ¯ÇÏ°í ÇÔ²² ¼ºÀåÇÏ°í ÀÖ½À´Ï´Ù. ÁÖ¿ä ¾÷¹« ¹Ð´ç Çлý¿ë ¼­ºñ½º À¥ Ŭ¶óÀ̾ðÆ® °³¹ß ÁÖ¿ä À¯ÀúÀÎ ÇлýµéÀÌ ÇнÀ¿¡ »ç¿ëÇÏ´Â À¥ Ŭ¶óÀ̾ðÆ®¸¦ °³¹ßÇÕ´Ï´Ù. ÁÖ·Î ¸ð¹ÙÀÏ ¾ÛÀ» ÅëÇØ ÀÌ¿ëÀ» Çؼ­ À¥¾Û ÇüÅ·Π°³¹ßÇÏ°í ÀÖ½À´Ï´Ù. ¾îµå¹Î, ÇнÀ ÄÜÅÙÃ÷ °ü¸®, ¸Å´ÏÀú ¹é¿ÀÇǽº À¥ Ŭ¶óÀ̾ðÆ® °³¹ß »ç³»¿¡ ÇнÀ ÄÜÅÙÃ÷ »ý¼º °ü¸® ¾÷¹«¸¦ ¼öÇàÇÏ´Â ÆÀÀÌ »ç¿ëÇÏ´Â ¹é¿ÀÇǽº À¥»çÀÌÆ®¸¦ °³¹ßÇÕ´Ï´Ù. »ç³»¿¡ Çлý ¸ÂÃãÇü ÇнÀÀ» Á¦°øÇØÁÖ´Â ÆÀÀÌ »ç¿ëÇÏ´Â ¹é¿ÀÇǽº À¥»çÀÌÆ®¸¦ °³¹ßÇÕ´Ï´Ù. ±âŸ ¿î¿µ¿¡ ÇÊ¿äÇÑ ¾îµå¹Î À¥»çÀÌÆ®¸¦ °³¹ßÇÕ´Ï´Ù. ¹Ð´ç ¼­ºñ½º µðÀÚÀÎ ½Ã½ºÅÛ °³¹ß ¹Ð´ç ÇÁ·ÐÆ®¿£µå´Â ¸ð³ë·¹Æ÷·Î µÇ¾î ÀÖÀ¸¸ç ¸ðµç ¹Ð´ç À¥ Ŭ¶óÀ̾ðÆ®´Â ÀÌ µðÀÚÀÎ ½Ã½ºÅÛÀ» »ç¿ëÇÏ°Ô µÇ¾î ÀÖ½À´Ï´Ù. UI ÄÄÆ÷³ÍÆ®¸¦ °³¹ßÇϸç ÇÁ·ÐÆ®¿£µå °³¹ßÀÌ ÁÖ·Î ÀÌ·ç¾îÁö´Â °ø°£ÀÔ´Ï´Ù. ±â¼ú ½ºÅà Typescript, GraphQL, Apollo, Next.js, Storybook, Chromatic, React, Mock Service Worker ÀÚ°Ý ¿ä°Ç 5³â ÀÌ»óÀÇ °æ·Â ȤÀº ±×¿¡ ÁØÇÏ´Â °æÇèÀÌ ÀÖÀ¸½Å ºÐ React(Hook, Class)¸¦ »ç¿ëÇÑ °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐ HTML, CSS, JavaScript¿¡ ´ëÇÑ ÀÌÇØ°¡ ±íÀ¸½Å ºÐ Typescript¸¦ »ç¿ëÇÑ °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐ Git, Git-flow ¿¡ ´ëÇÑ ÀÌÇØ°¡ ÀÖÀ¸½Å ºÐ PostCSS, SCSS µî CSS Preprocessor¸¦ »ç¿ëÇϰųª CSS-In-JS¸¦ »ç¿ëÇغ¸½Å ºÐ zustand, redux toolkit µî »óÅ °ü¸® ¶óÀ̺귯¸®¸¦ »ç¿ëÇغ¸½Å ºÐ ¹ÝÀÀÇü À¥À» °³¹ß Çغ¸½Å ºÐ ¹é¿£µå ¿¬µ¿ °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐ ÇÁ·ÐÆ®¿£µå¿Í ÁÖ·Î Çù¾÷ÇÏ´Â Á÷±º(BE, UX/UI, etc)¿¡ ´ëÇÑ ±âº»ÀûÀÎ ÀÌÇØ ¹× Çù¾÷ ´É·Â ¿ì´ë »çÇ× Web CapabilitiesÀ̳ª Ç¥ÁØ¿¡ °ü½ÉÀÌ ¸¹À¸½Å ºÐ PWA ¹æ½ÄÀ¸·Î Service Worker, Workbox¸¦ È°¿ëÇÏ¿© À¥¾ÛÀ» ¸¸µé¾îº» °æÇèÀÌ ÀÖÀ¸½Å ºÐ GraphQL, Apollo, Relay¸¦ »ç¿ëÇغ» °æÇèÀÌ ÀÖÀ¸½Å ºÐ Webpack, Vite µîÀ» È°¿ëÇÏ¿© °³¹ß ȯ°æÀ» Á÷Á¢ ±¸¼ºÇغ¸½Å ºÐ Rush, NX, Turborepo À» È°¿ëÇÏ¿© ¸ð³ë·¹Æ÷¸¦ ±¸¼ºÇغ¸½Å ºÐ D3¸¦ ÀÌ¿ëÇÑ µ¥ÀÌÅÍ ½Ã°¢È­ ¹× »óÈ£ÀÛ¿ë °³¹ß °æÇèÀÌ ÀÖÀ¸½ÅºÐ Storybook, Bit °°Àº µµ±¸µéÀ» È°¿ëÇÏ¿© µðÀÚÀÎ ½Ã½ºÅÛÀ» °³¹ß Çغ¸½Å ºÐ FCP, LCP, FID, INP °°Àº »ç¿ëÀÚ Á᫐ ¼º´ÉÀ» ÃøÁ¤ÇÏ°í °³¼± Çغ¸½Å ºÐ RichEditor °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐ À¥ Å×½ºÆ® ÁÖµµ °³¹ß ÀÛ¼º °æÇèÀÌ ÀÖÀ¸½Å ºÐ ¿ÀǼҽº¿¡ ±â¿©Çغ¸½Å ºÐ ¿¡µàÅ×Å©¿¡ ´ëÇØ °ü½ÉÀÌ ¸¹À¸½Å ºÐ ÀÌ·± ºÐ°ú ÇÔ²²ÇÏ°í ½Í¾î¿ä °³¹ßÀÚ»Ó¸¸ ¾Æ´Ï¶ó ±âȹ/µðÀÚÀÌ³Ê °°Àº ´Ù¾çÇÑ Á÷±º°úÀÇ Çù¾÷À» ÁÁ¾ÆÇϽô ºÐ ±â¼ú ºÎä °ü¸®¸¦ È¿À²ÀûÀ¸·Î ÇϽô ºÐ ÇÁ·ÐÆ®¿£µå »ýÅÂ°è º¯È­¿¡ ¹Î°¨ÇϽŠºÐ Åä·Ð¿¡ Àû±ØÀûÀ̽ŠºÐ ³×Àְ̹ú Àб⠽¬¿î Äڵ忡 ´ëÇؼ­ °í¹ÎÀ» ¸¹ÀÌ ÇϽô ºÐ trouble shooting ´É·ÂÀÌ ¶Ù¾î³ª½Å ºÐ ±Ù¹« Á¶°Ç 3°³¿ù ±Ù¹« ÈÄ Æò°¡¿¡ µû¶ó Á¤±ÔÁ÷ Àüȯ ¿©ºÎ¸¦ °áÁ¤ÇÕ´Ï´Ù. ÁÖ 5ÀÏ, ¿ÀÀü 8~11½Ã¿¡ ÀÚÀ² ÃâÅð±ÙÇÕ´Ï´Ù. ¼­¿ïƯº°½Ã ¿µµîÆ÷±¸ ¿©ÀÇ´ë·Î 108 ÆÄÅ©¿ø Ÿ¿ö1 38~39Ãþ¿¡¼­ ±Ù¹«ÇÕ´Ï´Ù. ÇÕ·ù ¿©Á¤ ¼­·ùÀüÇü ¡æ °úÁ¦ ÀüÇü ¡æ 1Â÷, 2Â÷ ÀÎÅÍºä ¡æ ó¿ìÇùÀÇ ¡æ ÀÔ»ç * ÀϺΠÇÁ·Î¼¼½º°¡ »ý·«µÇ°Å³ª Ãß°¡µÉ ¼ö ÀÖ½À´Ï´Ù. Áö¿ø ¹æ¹ý Áö¿øÇϱ⠹öÆ°À» ´­·¯ À̷¼­¿Í Æ÷Æ®Æú¸®¿À¸¦ Á¦ÃâÇÕ´Ï´Ù. 1. À̷¼­ (Çʼö) ÀÚÀ¯Çü½ÄÀ̸ç PDF ÆÄÀϷΠ÷ºÎÇØ ÁÖ¼¼¿ä. 2. Æ÷Æ®Æú¸®¿À (¼±ÅÃ) º»ÀÎÀÌ Á÷Á¢ ±¸ÇöÇÑ ³»¿ëÀÌ ´ã±ä Github, ¸µÅ© ¶Ç´Â PDF¸¦ ÷ºÎÇØÁÖ¼¼¿ä. Contact ¾ÆÀÌÇìÀÌÆ®ÇöóÀ×¹ö±×½º(ÁÖ) ¼­¿ïƯº°½Ã ¿µµîÆ÷±¸ ¿©ÀÇ´ë·Î 108 ÆÄÅ©¿ø Ÿ¿ö1 38~39Ãþ ******@*******.*** Á÷±º Tech °æ·Â»çÇ× °æ·Â 5³â ÀÌ»ó °í¿ëÇüÅ Á¤±ÔÁ÷ ±Ù¹«Áö ´ëÇѹα¹ ¼­¿ïƯº°½Ã ¿µµîÆ÷±¸ ¿©ÀÇ´ë·Î 108, ÆÄÅ©¿ø Ÿ¿ö1 38~39Ãþ °øÀ¯Çϱâ