¸ñÂ÷/Â÷·Ê
1. Ç÷º½º¿¡¼ »ç¿ëÇÏ´Â Frontend ±â¼ú ½ºÅÃÀ» ¾î¶»°Ô ÀÌÇØÇϰí ÀÖÀ¸¸ç, ±× Áß ¾î¶² ¿µ¿ª¿¡ °Á¡ÀÌ ÀÖ½À´Ï±î
2. React ±â¹Ý ÄÄÆ÷³ÍÆ® ±¸Á¶ ¼³°è ½Ã °¡Àå Áß¿äÇÏ°Ô °í·ÁÇÏ´Â ±âÁØÀº ¹«¾ùÀΰ¡¿ä
3. »óŰü¸®(Recoil, Redux, Zustand µî)¸¦ ¼±ÅÃÇÒ ¶§ ±âÁذú ½ÇÁ¦ Àû¿ë °æÇèÀ» ¼³¸íÇØ ÁÖ¼¼¿ä.
4. ºñµ¿±â API Åë½Å°ú ¿¡·¯ Çڵ鸵À» ¾î¶² ¹æ½ÄÀ¸·Î ¼³°èÇØ ¿Ô´ÂÁö ±¸Ã¼ÀûÀ¸·Î ¼³¸íÇØ ÁÖ¼¼¿ä.
5. Frontend ¼º´É ÃÖÀûȸ¦ À§ÇØ Á÷Á¢ Àû¿ëÇÑ °æÇè°ú ±× È¿°ú¿¡ ´ëÇØ ¼³¸íÇØ ÁÖ¼¼¿ä.
6. TypeScript¸¦ ÇÁ·ÎÁ§Æ®¿¡ Àû¿ëÇßÀ» ¶§ ÀåÁ¡°ú ¾î·Á¿ü´ø Á¡À» ¸»ÇØ ÁÖ¼¼¿ä.
7. ¼¹öµðÀÚÀι鿣µåPM°ú Çù¾÷Çϸç UI/UX ǰÁúÀ» ³ô¿´´ø °æÇèÀ» ¸»ÇØ ÁÖ¼¼¿ä.
8. Test ÄÚµå(Jest, React Testing Library µî)¸¦ ÀÛ¼ºÇÑ °æÇè°ú Å×½ºÆ® Àü·«À» ¼³¸íÇØ ÁÖ¼¼¿ä.
9. ÄÄÆ÷³ÍÆ® Àç»ç¿ë¼º°ú µðÀÚÀÎ ½Ã½ºÅÛ ±¸Ãà °æÇèÀÌ ÀÖ´Ù¸é ¼³¸íÇØ ÁÖ¼¼¿ä.
10. ÇÃ
...
º»¹®/³»¿ë
1. Ç÷º½º¿¡¼ »ç¿ëÇÏ´Â Frontend ±â¼ú ½ºÅÃÀ» ¾î¶»°Ô ÀÌÇØÇϰí ÀÖÀ¸¸ç, ±× Áß ¾î¶² ¿µ¿ª¿¡ °Á¡ÀÌ ÀÖ½À´Ï±î
Ç÷º½º´Â SaaS ±â¾÷ÀÇ Æ¯¼º»ó Á¦Ç° ¾ÈÁ¤¼º°ú È®À强, ±×¸®°í »ç¿ëÀÚ °æÇèÀÇ Àϰü¼ºÀ» ¸ðµÎ ¿ä±¸ÇÕ´Ï´Ù. À̸¦ À§ÇØ Next.js ±â¹ÝÀÇ React »ýŰè, TypeScript Àû¿ë, GraphQL ¶Ç´Â REST API¸¦ ÅëÇÑ ¼¹ö µ¥ÀÌÅÍ ¿¬µ¿, Storybook ±â¹Ý ÄÄÆ÷³ÍÆ® ½Ã½ºÅÛ, JestRTL Å×½ºÆ® µî Çö´ëÀû FE ½ºÅÃÀ» Æø³Ð°Ô Ȱ¿ëÇÏ´Â °ÍÀ¸·Î ÀÌÇØÇϰí ÀÖ½À´Ï´Ù.
Á¦°¡ °¡Àå °Á¡À» °¡Áø ¿µ¿ªÀº React ±â¹Ý »óÅ °ü¸®ÄÄÆ÷³ÍÆ® ±¸Á¶ ¼³°è¼º´É ÃÖÀûÈTypeScript ŸÀÔ ¸ðµ¨¸µÀÔ´Ï´Ù. ¶ÇÇÑ HR Tech´Â ¾÷¹« µ¥ÀÌÅͰ¡ º¹ÀâÇÏ°í ±ÇÇÑ ±¸Á¶, Á¤º¸ ¹Î°¨µµ µî °í·ÁÇØ¾ß ÇÒ ¿ä¼Ò°¡ ¸¹±â ¶§¹®¿¡, ´Ü¼øÈ÷ UI¸¦ ¸¸µå´Â °ÍÀÌ ¾Æ´Ï¶ó µµ¸ÞÀÎ ±ÔÄ¢À» ÀÌÇØÇÏ°í ±â´É ·ÎÁ÷±îÁö ¼³°èÇÒ ¼ö ÀÖ´Â °³¹ßÀÚ°¡ µÇ¾î¾ß ÇÑ´Ù°í »ý°¢ÇÕ´Ï´Ù.
2. React ±â¹Ý ÄÄÆ÷³ÍÆ® ±¸Á¶ ¼³°è ½Ã °¡Àå Áß¿äÇÏ°Ô °í·ÁÇÏ´Â ±âÁØÀº ¹«¾ùÀΰ¡¿ä
Á¦°¡ °¡Àå Áß¿äÇÏ°Ô º¸´Â ±âÁØÀº ´ÙÀ½ ³× °¡ÁöÀÔ´Ï´Ù.
1) SRP(´ÜÀÏ Ã¥ÀÓ): ÇÑ ÄÄÆ÷³ÍÆ®°¡ ³Ê¹« ¸¹Àº ¿ªÇÒÀ» °¡Áö¸é Àç»ç¿ë¼ºÅ×½ºÆ® ¿ëÀ̼ºÀÌ ¶³¾îÁý´Ï´Ù.
2) UI¿Í ºñÁî´Ï½º ·ÎÁ÷ ºÐ¸®¡¦(»ý·«)