⎥Ä«Ä«¿ÀÆäÀÌ Å©·çµéÀÇ À̾߱⵵ È®ÀÎÇØÁÖ¼¼¿ä.
⎥Á¶Á÷ ¼Ò°³
[ÆÀ¼Ò°³]
¸Ó´ÏŬ·£Àº ¡®ÆäÀ̸ӴÏ'¸¦ ¸Å°³Ã¼·Î ´Ù¾çÇÑ ¼ºñ½º¿¡¼ È°¿ëµÉ ¼ö ÀÖµµ·ÏÇÏ´Â Ç÷§Æû¿ªÇÒ, ÆäÀÌ¸Ó´Ï »ç¿ëÀ» À§ÇÑ °èÁ¿¬°á, ÃæÀü ¹× ¼Û±Ý¼ºñ½º¸¦ ´ã´çÇÏ°í ÀÖ¾î¿ä. ±×¸®°í ´Ù¾çÇÑ ¿¬·É´ë(10´ë, 50´ë ÀÌ»ó)¿¡ Ä«Ä«¿ÀÆäÀÌ »ç¿ë È®´ë¸¦ ´ã´çÇÏ´Â Gen TFµµ ÇÔ²² ÀÖ¾î¿ä.
[ÀÏÇÏ´Â ¹æ½Ä]
µ¥ÀÌÅ͸¦ ±â¹ÝÀ¸·Î ÀÇ»ç°áÁ¤Çϸç, ´©±¸³ª ÁÖµµÀûÀ¸·Î »õ·Î¿î °³¹ßÀ» ÃßÁøÇØ º¼ ¼ö ÀÖ¾î¿ä.
¼·Î Á¸ÁßÇÏ¸ç ¼öÆòÀûÀ¸·Î ¼ÒÅëÇÏ°í Ä¡¿ÇÏ°Ô Åä·ÐÇÏ¿© À¯ÀǹÌÇÑ °á°ú¸¦ À̲ø¾î³»¿ä.
¼ºñ½º °³¹ß ¿Ü¿¡µµ Àüü FEÁ÷±º ¹× ¸Ó´ÏFE°³¹ßÀ¯´Ö Å©·çÀÇ ±â¼ú·¹º§À» ¸ÂÃß±â À§ÇÑ È°µ¿À» ÅëÇØ ¼ºÀåÇÒ ¼ö ÀÖ¾î¿ä.
⎥Á÷¹« ¼Ò°³
¾÷¹«³»¿ë
- Ä«Ä«¿ÀÆäÀÌ ¸Ó´Ï ¼ºñ½º ¹× Gen TF ¼ºñ½ºÀÇ °³¹ß ¹× ¿î¿µÀ» ´ã´çÇØ¿ä.
Áö¿øÀÚ°Ý
- ÇÁ·ÐÆ®¿£µå °³¹ß ºÐ¾ß °æ·Â 3³â ÀÌ»ó ȤÀº ±×¿¡ ÁØÇÏ´Â ¿ª·®À» °¡Áø ºÐÀ» ¿øÇØ¿ä.
- javascript / typescript¿¡ ´ëÇÑ ±íÀº ÀÌÇظ¦ ¹ÙÅÁÀ¸·Î ¹®Á¦ ÇØ°á ´É·ÂÀÌ ¶Ù¾î³ª½Å ºÐÀ̸é ÁÁ¾Æ¿ä.
- HTML & CSS & ºê¶ó¿ìÀú ·»´õ¸µ¿¡ ´ëÇØ ÀÌÇØÇÏ°í ´É¼÷ÇÏ°Ô UI°³¹ßÀÌ °¡´ÉÇϽŠºÐÀ̸é ÁÁ¾Æ¿ä.
- react °³¹ß È帧À» ÀÌÇØÇÏ°í ´É¼÷ÇÏ°Ô ´Ù·ê¼ö ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
- nextjs·Î SSR¼ºñ½º °³¹ß ¹× ¿î¿µ °æÇèÀÌ ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
- react-query¸¦ È°¿ëÇÏ¿© È¿À²ÀûÀ¸·Î »óŸ¦ °ü¸®ÇÏ½Ç ¼ö ÀÖÀ¸½Å ºÐÀ» ¿øÇØ¿ä.
- »õ·Î¿î ±â´ÉÀ» ¼³°èÇÏ°í ±¸ÇöÇÏ´Â °ÍÀ» Áñ±â´Â ºÐÀ» ¼±È£ÇØ¿ä.
- ´Ù¾çÇÑ ºÐ¾ßÀÇ »ç¶÷°úÀÇ Çù¾÷ ¹× Ä¿¹Â´ÏÄÉÀÌ¼Ç ´É·ÂÀÌ ¿øÈ°ÇϽŠºÐÀ» ¼±È£ÇØ¿ä.
¿ì´ë»çÇ×
- °³¹ß »ý»ê¼º Çâ»óÀ» À§ÇÑ Åø °³¹ß °æÇèÀÌ ÀÖ´Ù¸é ´õ ÁÁ¾Æ¿ä.
- Mobile App ³» webview ȯ°æ¿¡¼ÀÇ °³¹ß °æÇèÀÌ ÀÖÀ¸¸é ÁÁ¾Æ¿ä.
- ÀÚ±â ÁÖµµÀûÀ¸·Î ¾÷¹«¸¦ ÁøÇàÇÏ°í, ¼ºñ½ºÀÇ °³¼±Á¡À» ÁÖµµÀûÀ¸·Î »ý°¢ÇϽô ºÐÀ̸é ÁÁ¾Æ¿ä.
- webpack, vite¸¦ È°¿ëÇÑ ¹øµé ÃÖÀûÈ °æÇèÀÌ ÀÖÀ¸½Å ºÐÀ̸é ÁÁ¾Æ¿ä.
- frontend CI/CD ±¸Ãà °æÇèÀ̳ª °ü½É ÀÖÀ¸½Å ºÐÀ̸é ÁÁ¾Æ¿ä.
- ¸ð³ë·¹Æ÷, ¸ÖƼ·¹Æ÷, ¸ð³î¸®½Äµî ´Ù¾çÇÑ È¯°æÀ» ±¸¼ºÇÏ°í °³¹ßÇÑ °æÇèÀÌ ÀÖÀ¸¸é ÁÁ¾Æ¿ä.
»ç¿ë ±â¼ú
- ÄÚ¾î: React, TypeScript, Next.js
- »óÅ °ü¸®: React-Query, Jotai
- ½ºÅ¸Àϸµ: scss (css module)
- ÆÐÅ°Áö ¸Å´ÏÀú: Yarn Berry, PNPM
- ºôµå: Webpack, Vite
- CI/CD: GitHub Actions, Jenkins
⎥Áö¿ø ¾È³»
ÀüÇü ÀýÂ÷
¼·ù - »çÀü°úÁ¦ - 1Â÷ ÀÎÅͺä - 2Â÷ ÀÎÅͺä - ó¿ìÇùÀÇ - ÃÖÁ¾ÇÕ°Ý
Áö¿ø¼ ÀÛ¼º tip
- Áö±Ý±îÁö ÁøÇàÇß´ø ÇÁ·ÎÁ§Æ®¿¡¼ ¹®Á¦¸¦ ÇØ°áÇß´ø °æÇè, ÀÇ»ç°áÁ¤À» Çß´ø °æÇè µîÀ» ÀÚ¼¼È÷ Àû¾îÁֽøé ÁÁ¾Æ¿ä.
À¯ÀÇ»çÇ×
¡Ø Ä«Ä«¿ÀÆäÀÌ Á÷¿ø Áß ÃßõÀÎÀÌ ÀÖÀ» °æ¿ì, ÃßõÀÎ ¼º¸íÀ» ±âÀçÇØÁÖ¼¼¿ä.
¡Ø ÇØ´ç °ø°í´Â »ó½Ã ¿µÀÔÀ¸·Î, ä¿ë ¿Ï·á ½Ã Á¶±â¸¶°¨µÉ ¼ö ÀÖ¾î¿ä.
¡Ø ÀÔ»çÁö¿ø ¼·ù¿¡ ÇãÀ§±âÀç »ç½ÇÀÌ ¹ß°ßµÉ °æ¿ì, ºÒÇÕ°Ý ¶Ç´Â ÀԻ簡 Ãë¼ÒµÉ ¼ö ÀÖ¾î¿ä.
¡Ø º¸ÈÆ´ë»óÀÚ ¹× Àå¾ÖÀÎ µî Ãë¾÷º¸È£´ë»óÀÚ´Â °ü°è¹ý·É¿¡ µû¶ó ¿ì´ëÇØ¿ä.
¡Ø Àå¾Ö³ª ±¹Àû µî¿¡ °ü°è¾øÀÌ ¿ÂÀüÈ÷ Áö¿øÀÚÀÇ ¿ª·® ±â¹ÝÀ¸·Î Æò°¡¸¦ ÁøÇàÇÏ°í ÀÖ¾î¿ä.
¡Ø °æ·Â»çÇ×Àº Áö¿ø¼¿¡ ±âÀçÇÏ¿© ÁֽŠ³»¿ë ±âÁØÀ¸·Î ÀÎÁ¤µÇ¹Ç·Î, ´©¶ô¾øÀÌ ±âÀçÇÏ¿© ÁÖ¼¼¿ä.