Á¶Á÷¼Ò°³
ÇÔ²²ÇÏ°Ô µÉ ¿ì¸® ÆÀÀ» ¼Ò°³Çص帱°Ô¿ä
• FE°³¹ßÆÀÀº īī¿ÀÅå°ú īī¿ÀÆäÀÌ ¾Û ³»¿¡¼ À¥ºä ±â¹ÝÀ¸·Î µ¿ÀÛÇÏ´Â ÁÖ½Ä ¼ºñ½º¸¦ °³¹ßÇØ¿ä.
• ´Ù¾çÇÑ Front-end ±â¼ú·Î ÁÖ½Ä ¼ºñ½ºÀÇ º¹ÀâÇÑ ¹®Á¦µéÀ» ÇØ°áÇØ¿ä.
• ±¸¼º¿øµéÀÌ ¾ÈÁ¤°¨À» °¡Áö°í ÁÁÀº ÆÛÆ÷¸Õ½º¸¦ ³¾ ¼ö ÀÖµµ·Ï ÇÔ²² ÀÏÇÏ´Â ¹æ¹ýÀ» ½ºÅ͵ðÇÏ°í °³¼±ÇÏ¸ç ¼ºÀåÇØ¿ä.
• »ç¿ëÀÚÀÇ Çǵå¹é¿¡ ±Í ±â¿ïÀÌ¸ç º¸´Ù ³ªÀº »ç¿ëÀÚ °æÇèÀ» Á¦°øÇϱâÀ§ÇØ ²ÙÁØÈ÷ °³¼±ÇØ¿ä.
• Áõ±Ç ºÐ¾ßÀÇ ´Ù¾çÇÑ Àü¹®°¡µé°ú Çù¾÷ÇÏ¿© ½Å±Ô ¼ºñ½º¸¦ °³¹ßÇÏ°í ¿î¿µÇØ¿ä.
Á÷¹«¼Ò°³
¿ì¸®´Â ¾Æ·¡¿Í °°Àº ±â¼ú ½ºÅÃÀ» ÁÖ·Î ÀÌ¿ëÇϰí ÀÖ¾î¿ä
• Typescript¸¦ »ç¿ëÇÑ React¸¦ Front-end °³¹ß¿¡ »ç¿ëÇϰí ÀÖ¾î¿ä.
• ¼ºñ½º Ư¼º¿¡ µû¶ó CSR, SSR(Next.js), SSG(Gatsby)¸¦ ¼±ÅÃÇØ »ç¿ëÇϰí ÀÖ¾î¿ä.
• ¼¹ö¿ÍÀÇ Åë½ÅÀº React-query¸¦ Àû±ØÀûÀ¸·Î Ȱ¿ëÇÏ°í »óŰü¸®°¡ ÇÊ¿äÇÑ °æ¿ì RecoilÀ» »ç¿ëÇϰí ÀÖ¾î¿ä.
• īī¿ÀÆäÀÌ 'µðÀÚÀÎ ½Ã½ºÅÛ'À» Àû±ØÀûÀ¸·Î »ç¿ëÇϰí ÀÖ¾î¿ä.
• ½Ç½Ã°£ µ¥ÀÌÅ͸¦ ´Ù·ç±â À§ÇØ WebSocket À» »ç¿ëÇϰí ÀÖ¾î¿ä.
ÀÌ·± ºÐÀÌ ¿ì¸® Å©·ç¿´À¸¸é ÁÁ°Ú¾î¿ä
• 3³â ÀÌ»óÀÇ Front-end °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
• React¿Í Typescript¸¦ »ç¿ëÇÑ ¸ð´ø Front-end °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
• HTMLCSS µî W3C À¥ Ç¥ÁØ ±Ô°Ý¿¡ ´ëÇÑ ÀÌÇØ°¡ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
• ´Ù¾çÇÑ ºÐ¾ßÀÇ µ¿·áµé°ú ºÎµå·´°Ô Ä¿¹Â´ÏÄÉÀÌ¼Ç ÇÒ ¼ö ÀÖ´Â ºÐÀ» ¿øÇØ¿ä.
ÀÌ·± ºÐÀÌ¸é ¹Ù·Î Áö¿øÇϽô °É ÃßÃµÇØ¿ä
• webview ȯ°æ¿¡¼ÀÇ °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐÀÌ¸é ´õ¿í ÁÁ¾Æ¿ä.
• Server Side Rendering ȯ°æÀÇ °³¹ß°æÇèÀÌ ÀÖÀ¸½Ã¸é ´õ¿í ÁÁ¾Æ¿ä.
• webpack, rollup, vite µîÀÇ µµ±¸¿¡ Àͼ÷ÇϽŠºÐÀÌ¸é ´õ¿í ÁÁ¾Æ¿ä.
• ¹®¼ ÀÛ¼º¹ßÇ¥ µî °³¹ß Áö½ÄÀ» °øÀ¯Çϴ Ȱµ¿ °æÇèÀÌ ÀÖÀ¸½Å ºÐÀÌ¸é ´õ¿í ÁÁ¾Æ¿ä.
• ÀÚ±â ÁÖµµÀûÀ¸·Î ¾÷¹«¸¦ ÁøÇàÇÏ°í °³¼±À» »ý°¢ÇϽô ºÐÀ» ȯ¿µÇØ¿ä.
ä¿ë ÇÁ·Î¼¼½º
• ¼·ùÀüÇü ¡æ °úÁ¦ÀüÇü ¡æ 1Â÷ Çö¾÷ ÀÎÅÍºä ¡æ 2Â÷ ÃÖÁ¾ ÀÎÅÍºä ¡æ ·¹ÆÛ·±½º üũ ¡æ ó¿ìÇùÀÇ ¡æ ÀÔ»çÀÏ Á¶Á¤