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