Á¶Á÷¼Ò°³

• Ä«Ä«¿ÀÅå°ú Ä«Ä«¿ÀÆäÀÌ ¾Û ³»¿¡¼­ À¥ºä ±â¹ÝÀ¸·Î µ¿ÀÛÇÏ´Â ÁÖ½Ä ¼­ºñ½º¸¦ °³¹ßÇØ¿ä.
• ´Ù¾çÇÑ ÇÁ·ÐÆ®¿£µå ±â¼ú·Î ÁÖ½Ä ¼­ºñ½ºÀÇ º¹ÀâÇÑ ¹®Á¦µéÀ» ÇØ°áÇØ¿ä.
• ±¸¼º¿øµéÀÌ ¾ÈÁ¤°¨À» °¡Áö°í ÁÁÀº ÆÛÆ÷¸Õ½º¸¦ ³¾ ¼ö ÀÖµµ·Ï ÇÔ²² ÀÏÇÏ´Â ¹æ¹ýÀ» ½ºÅ͵ðÇÏ°í °³¼±ÇÏ¸ç ¼ºÀåÇØ¿ä.
• »ç¿ëÀÚÀÇ Çǵå¹é¿¡ ±Í ±â¿ïÀÌ¸ç º¸´Ù ³ªÀº »ç¿ëÀÚ °æÇèÀ» Á¦°øÇϱâÀ§ÇØ ²ÙÁØÈ÷ °³¼±ÇØ¿ä.
• Áõ±Ç ºÐ¾ßÀÇ ´Ù¾çÇÑ Àü¹®°¡µé°ú Çù¾÷ÇÏ¿© ½Å±Ô ¼­ºñ½º¸¦ °³¹ßÇÏ°í ¿î¿µÇØ¿ä.

 

 

Á÷¹«¼Ò°³

±â¼ú½ºÅÃ

• Typescript¸¦ »ç¿ëÇÑ React¸¦ ÇÁ·ÐÆ®¿£µå °³¹ß¿¡ »ç¿ëÇÏ°í ÀÖ¾î¿ä.
• ¼­ºñ½º Ư¼º¿¡ µû¶ó CSR, SSR(Next.js), SSG(Gatsby)¸¦ ¼±ÅÃÇØ »ç¿ëÇÏ°í ÀÖ¾î¿ä.
• ¼­¹ö¿ÍÀÇ Åë½ÅÀº React-query¸¦ Àû±ØÀûÀ¸·Î È°¿ëÇÏ°í »óÅ°ü¸®°¡ ÇÊ¿äÇÑ °æ¿ì Zustand¸¦ »ç¿ëÇÏ°í ÀÖ¾î¿ä.
• Ä«Ä«¿ÀÆäÀÌ ¡°µðÀÚÀÎ ½Ã½ºÅÛ¡°À» Àû±ØÀûÀ¸·Î »ç¿ëÇÏ°í ÀÖ¾î¿ä.
• ½Ç½Ã°£ µ¥ÀÌÅ͸¦ ´Ù·ç±â À§ÇØ WebSocket À» »ç¿ëÇÏ°í ÀÖ¾î¿ä.

 

ÀÚ°Ý¿ä°Ç(Çʼö)

• 3³â ÀÌ»óÀÇ ÇÁ·ÐÆ®¿£µå °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
• React¿Í Typescript¸¦ »ç¿ëÇÑ ¸ð´ø ÇÁ·ÐÆ®¿£µå °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
• HTML, CSS µî W3C À¥ Ç¥ÁØ ±Ô°Ý¿¡ ´ëÇÑ ÀÌÇØ°¡ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
• ´Ù¾çÇÑ ºÐ¾ßÀÇ µ¿·áµé°ú ºÎµå·´°Ô Ä¿¹Â´ÏÄÉÀÌ¼Ç ÇÒ ¼ö ÀÖ´Â ºÐÀ» ¿øÇØ¿ä.

 

¿ì´ë»çÇ×(¼±ÅÃ)

• webview ȯ°æ¿¡¼­ÀÇ °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐÀÌ¸é ´õ¿í ÁÁ¾Æ¿ä.
• Server Side Rendering ȯ°æÀÇ °³¹ß°æÇèÀÌ ÀÖÀ¸½Ã¸é ´õ¿í ÁÁ¾Æ¿ä.
• webpack, rollup, vite µîÀÇ µµ±¸¿¡ Àͼ÷ÇϽŠºÐÀÌ¸é ´õ¿í ÁÁ¾Æ¿ä.
• ¹®¼­ ÀÛ¼º, ¹ßÇ¥ µî °³¹ß Áö½ÄÀ» °øÀ¯ÇÏ´Â È°µ¿ °æÇèÀÌ ÀÖÀ¸½Å ºÐÀÌ¸é ´õ¿í ÁÁ¾Æ¿ä.
• ÀÚ±â ÁÖµµÀûÀ¸·Î ¾÷¹«¸¦ ÁøÇàÇÏ°í °³¼±À» »ý°¢ÇϽô ºÐÀ» ȯ¿µÇØ¿ä.

 

 

ä¿ë ÇÁ·Î¼¼½º

• ¼­·ùÀüÇü ¡æ °úÁ¦ÀüÇü ¡æ 1Â÷ Çö¾÷ ÀÎÅÍºä ¡æ 2Â÷ ÃÖÁ¾ ÀÎÅÍºä ¡æ ó¿ìÇùÀÇ ¡æ ÀÔ»çÀÏ Á¶Á¤

  (·¹ÆÛ·±½º üũ´Â ÇÊ¿ä¿¡ µû¶ó ÁøÇàµÉ ¼ö ÀÖ¾î¿ä.)

 

 


💻 Ä«Ä«¿ÀÆäÀÌÁõ±Ç ±â¼ú ºí·Î±×

• Ä«Ä«¿ÀÆäÀÌÁõ±Ç ±â¼ú ºí·Î±× º¸·¯ °¡±â