ÁÖ½Äȸ»ç ÀÎÇÁ·¦
[ÀÎÇÁ·±] ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ
¸ðÁýºÎ¹® ¹× ÀÚ°Ý¿ä°Ç
| ¸ðÁýºÎ¹® | ´ã´ç¾÷¹« | ||
|---|---|---|---|
| ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ |
ÀÎÇÁ·± ¼ºñ½ºÀÇ ÇÙ½ÉÀÎ ÇÁ·ÐÆ®¿£µå ½Ã½ºÅÛ °³¹ß ¾÷¹«¸¦ ´ã´çÇÕ´Ï´Ù. TypeScript / React / Next.js ±â¹ÝÀÇ À¥ ÇÁ·ÐÆ®¿£µå¿Í React Native ±â¹ÝÀÇ ¸ð¹ÙÀÏ ¾ÛÀ» ºü¸£°í ¾ÈÁ¤ÀûÀ¸·Î ±¸ÃàÇϸç, ±â¼úÀû ¿Ï¼ºµµ»Ó ¾Æ´Ï¶ó ºñÁî´Ï½º ÀÓÆÑÆ®¿Í »ç¿ëÀÚ °æÇèÀ» ÇÔ²² °í¹ÎÇÏ´Â ÇÁ·ÐÆ®¿£µå ¿£Áö´Ï¾î¸¦ ã½À´Ï´Ù. - TypeScript, React, Next.js(Pages Router) ±â¹ÝÀ¸·Î ÀÎÇÁ·± ¼ºñ½ºÀÇ À¥ ÇÁ·ÐÆ®¿£µå¸¦ °³¹ßÇÏ°í ¹èÆ÷ÇÕ´Ï´Ù. - React Native ±â¹ÝÀ¸·Î ÀÎÇÁ·± Android/iOS ¸ð¹ÙÀÏ ¾ÛÀ» °³¹ßÇÏ°í ¹èÆ÷ÇÕ´Ï´Ù. - pnpm + Turborepo ¸ð³ë·¹Æ÷ ȯ°æ¿¡¼ À¥°ú ¸ð¹ÙÀÏÀÌ ÇÔ²² »ç¿ëÇÏ´Â °ø¿ë ÆÐŰÁö¿Í ¼ºñ½º Äڵ带 °ü¸®ÇÕ´Ï´Ù. - Module Federation(Micro Frontend)À» Ȱ¿ëÇØ µ¶¸³ÀûÀ¸·Î °³¹ß¡¤¹èÆ÷ °¡´ÉÇÑ ÇÁ·ÐÆ®¿£µå ¾ÆÅ°ÅØÃ³¸¦ ¿î¿µÇÕ´Ï´Ù. -TanStack Query¸¦ Ȱ¿ëÇÑ ¼¹ö »óÅ °ü¸®¿Í SSR/CSRÀ» »óȲ¿¡ ¸Â°Ô ÀûÀýÈ÷ ¼±ÅÃÇÏ¿© ÃÖÀûÀÇ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÕ´Ï´Ù. - »óȲ¿¡ ¸Â°Ô ³×ÀÌÆ¼ºê ±¸Çö°ú WebView ±¸ÇöÀ» ÀûÀýÈ÷ ³ª´² ÁøÇàÇÕ´Ï´Ù. - Mantine ±â¹Ý ÀÚü µðÀÚÀÎ ½Ã½ºÅÛÀ» Ȱ¿ëÇØ ÀϰüµÈ UI¸¦ ±¸ÇöÇϰí, Àç»ç¿ë °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®¸¦ °³¹ßÇÕ´Ï´Ù. - Mixpanel, GTM µîÀ» Ȱ¿ëÇÑ »ç¿ëÀÚ Çൿ ºÐ¼®°ú HackleÀ» ÅëÇÑ A/B Å×½ºÆ®·Î µ¥ÀÌÅÍ ±â¹ÝÀÇ Á¦Ç° °³¼±¿¡ Âü¿©ÇÕ´Ï´Ù. - i18next, locize¸¦ Ȱ¿ëÇØ Çѱ¹¾î, ¿µ¾î, ÀϺ»¾î, º£Æ®³²¾î µî ´Ù±¹¾î ¼ºñ½º¸¦ Áö¿øÇÕ´Ï´Ù. - DatadogÀ» ÅëÇØ À¥/¸ð¹ÙÀÏ ¿¡·¯ ÃßÀû, ÆäÀÌÁö ·Îµå ½Ã°£, API ÀÀ´ä ¼Óµµ µîÀ» ½Ç½Ã°£À¸·Î ¸ð´ÏÅ͸µÇÏ¸ç ¼º´É º´¸ñ ÁöÁ¡À» ¹ß°ßÇÏ°í °³¼±ÇÕ´Ï´Ù. - Äڵ帮ºä(¿Â¶óÀÎ PR, ¿ÀÇÁ¶óÀÎ Æä¾îÇÁ·Î±×·¡¹Ö)¸¦ ÅëÇØ ÇÔ²² ¼ºÀåÇÏ´Â ¹®È¸¦ ¸¸µé¾î °©´Ï´Ù. ÀÚ°Ý¿ä°Ç- TypeScript¿¡ ´ëÇÑ ÀÌÇØ°¡ ÀÖÀ¸¸ç, Á¤Àû ŸÀÔ ±â¹ÝÀÇ ¾ÈÁ¤ÀûÀÎ °³¹ßÀ» ÁöÇâÇϽô ºÐ ¿ì´ë»çÇ×
¾Æ·¡ ±â¼ú °æÇèÀÌ ²À ÀÖ¾î¾ß¸¸ ÇÏÁø ¾Ê½À´Ï´Ù. 🙂- Next.js ±â¹ÝÀÇ SSR/SSG ÇÁ·ÎÁ§Æ® °æÇèÀÌ ÀÖÀ¸½Å ºÐ - ¸ð³ë·¹Æ÷(pnpm, Turborepo µî) ȯ°æ¿¡¼ °³¹ßÇØº» °æÇèÀÌ ÀÖÀ¸½Å ºÐ - Micro Frontend(Module Federation) ¾ÆÅ°ÅØÃ³¸¦ ´Ù·ïº» °æÇèÀÌ ÀÖÀ¸½Å ºÐ - TanStack Query µî ¼¹ö »óÅ °ü¸® ¶óÀ̺귯¸®¸¦ ½Ç¹«¿¡¼ Ȱ¿ëÇØº» °æÇèÀÌ ÀÖÀ¸½Å ºÐ - Webpack, Vite µî ¹øµé·¯¸¦ Á÷Á¢ ±¸¼ºÇϰųª, ºôµå °ü·Ã ¹®Á¦¸¦ ÇØ°áÇØº» °æÇèÀÌ ÀÖÀ¸½Å ºÐ - À¥Ç¥ÁØ, À¥Á¢±Ù¼º¿¡ ´ëÇÑ ÀÌÇØ ¶Ç´Â ½Ç¹« °æÇèÀÌ ÀÖÀ¸½Å ºÐ - i18n(´Ù±¹¾î) ¼ºñ½º °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐ - A/B Å×½ºÆ®, ±â´É Ç÷¡±× µî ½ÇÇè ±â¹Ý °³¹ß °æÇèÀÌ ÀÖÀ¸½Å ºÐ - React Native¸¦ Ȱ¿ëÇÑ ¸ð¹ÙÀÏ ¾Û °³¹ß ¹× ¹èÆ÷ °æÇèÀÌ ÀÖÀ¸½Å ºÐ - Android/iOS ´Ù¾çÇÑ È¯°æ°ú µð¹ÙÀ̽º¿¡ ÀûÇÕÇÑ UI/UX¿¡ ´ëÇÑ ÀÌÇØ°¡ ÀÖÀ¸½Å ºÐ - ¸ð¹ÙÀÏ ¾Û¿¡¼ÀÇ ³×ÀÌÆ¼ºê ¸ðµâ ¿¬µ¿ µî È¿À²ÀûÀÎ ¹èÆ÷ °ü¸® °æÇèÀÌ ÀÖÀ¸½Å ºÐ - ¸ð¹ÙÀÏ OSº° ´Ù¾çÇÑ Æ®·¯ºí ½´ÆÃ(WebView, ¿µ»ó Ç÷¹À̾î, OAuth µî) °æÇèÀÌ ÀÖÀ¸½Å ºÐ - ¿ÀǼҽº¿¡ ±â¿©Çغ» °æÇèÀÌ ÀÖÀ¸½Å ºÐ - (ÁִϾîºÐµéÀ̶ó¸é) À§ ¾ð±ÞµÇ¾î ÀÖ´Â °³³äµéÀ» ¸ô¶óµµ ºü¸£°Ô ³» °ÍÀ¸·Î ¸¸µé ¼ö ÀÖ´Â ³ª¸¸ÀÇ ÇнÀ¹ýÀ» °¡Áö°í °è½Å ºÐ - (°æ·Â¹«°ü) ¿î¿µ/±âȹ ÆÄÆ® µî °³¹ßÀÚ°¡ ¾Æ´Ñ ºÐµé²² »óȲÀ» ¼³¸íÇÒ ¶§ ±×µéÀÇ ÀÔÀå¿¡¼, ±×µéÀÇ ¾ð¾î·Î À̾߱âÇÏ´Â °Ô ´ç¿¬ÇϽŠºÐ - (°æ·Â¹«°ü) ´ëȺ¸´Ù ÇϳªÀÇ ¹®¼¸¦ ÀÛ¼ºÇÏ°í °øÀ¯Çϱæ ÁÁ¾ÆÇϽô ºÐ À§ ±â¼úÀû °æÇè ¿Ü¿¡ ÆÀ¿øÀ¸·Î¼ ´ÙÀ½°ú °°Àº ºÐµé°ú ÇÔ²²ÇÏ°í ½Í¾î¿ä.
- ÀÛ¾÷ ÁøÇà »óȲ, À̽´, ¿Ï·á ¿¹Á¤ÀÏÀ» ¸ÕÀú °øÀ¯ÇÏ¿© µ¿·á(PM, BE, PD)°¡ ´ÙÀ½ ´Ü°è¸¦ ¿¹ÃøÇÒ ¼ö ÀÖ°Ô ¸¸µå½Ã´Â ºÐ ¸»º¸´Ù ½Ã°¢È·Î Áõ¸íÇϴ ŵµ ºñÁî´Ï½º ÀÓÆÑÆ®¸¦ ¿ì¼±ÇÏ´Â °üÁ¡ ÆÀÀÇ ÁüÀ» ´ú¾îÁÖ´Â ¿Ï°á¼º |
|
0 ¸í |
±Ù¹«Á¶°Ç
ÀüÇü´Ü°è ¹× Á¦Ãâ¼·ù
Á¢¼ö¹æ¹ý
±âŸ À¯ÀÇ»çÇ×
00