[ȸ»ç¼Ò°³]

±¹³» 1À§ Å×À̺í¿À´õ ½ºÅ¸Æ®¾÷


[¸ðÁýºÎ¹®]

Å×À̺í¿À´õ ´ëÇ¥ ½ºÅ¸Æ®¾÷ Frontend °³¹ß


[´ã´ç¾÷¹«]

[»ó¼¼ ¾÷¹«]
- React ¶Ç´Â Vue ±â¹ÝÀÇ À¥ ÇÁ·ÐÆ®¿£µå ¼­ºñ½º °³¹ß ¹× À¯Áöº¸¼ö
- µðÀÚÀÌ³Ê¿Í Çù¾÷ÇÏ¿© UI/UX ǰÁú Çâ»ó
- REST API, WebSocket, SSE ±â¹ÝÀÇ ½Ç½Ã°£ ÀÎÅÍÆäÀ̽º ±¸¼º
- Keycloak ¶Ç´Â OAuth2 ±â¹ÝÀÇ ÀÎÁõ ½Ã½ºÅÛ ¿¬µ¿
- Monorepo ±â¹Ý ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼³°è ¹× À¯Áö°ü¸®
- Vite ±â¹Ý °³¹ß ȯ°æ ÃÖÀûÈ­
- ¿î¿µ µµ±¸ ¹× ³»ºÎ °ü¸®ÀÚ ÆäÀÌÁö °³¹ß

[±â¼ú ½ºÅÃ]
ÁÖ¿ä ÇÁ·¹ÀÓ¿öÅ© & ¾ð¾î
- React 18, Vue 3, TypeScript
- Vite ±â¹Ý ¹øµé·¯, Monorepo(Nx, Turbo) ±¸Á¶
½ºÅ¸Àϸµ
- Tailwind CSS
- SCSS (SASS Modules)
¶ó¿ìÆÃ & »óÅ °ü¸®
- TanStack Router, React Router
- TanStack Query (React Query), Zustand, Pinia
Æû ó¸® ¹× °ËÁõ
- React Hook Form + Zod
µ¥ÀÌÅÍ Å×À̺í
- AG Grid
½Ç½Ã°£ µ¥ÀÌÅÍ
- WebSocket, Server-Sent Events (SSE)
Å×½ºÆ® & Mocking
- Vitest (Å×½ºÆ® ·¯³Ê)

[¾÷¹« ¹æ½Ä]
- ½ºÇÁ¸°Æ® Áß½ÉÀÇ ¾ÖÀÚÀÏ °³¹ß
- GitHub PR + CI ±â¹Ý Çù¾÷
- Notion, Jira, Slack, Figma¸¦ ÅëÇÑ ¸íÈ®ÇÑ Ä¿¹Â´ÏÄÉÀ̼Ç
- ±âȹ, µðÀÚÀÎ, ¹é¿£µå¿ÍÀÇ ¹ÐÁ¢ÇÑ Çù¾÷ ¹× ÁÖµµÀûÀÎ ±â¿© ȯ¿µ
MSW (Mock Service Worker)


[ÀÚ°Ý ¿ä°Ç]
- React ¶Ç´Â Vue °³¹ß °æ·Â 3³â ÀÌ»óÀ̽ŠºÐ
- TypeScript ÇÁ·ÎÁ§Æ® ½Ç¹« °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- REST API ¿¬µ¿ ¹× »óÅ °ü¸® °æÇèÀÌ ÀÖÀ¸½Å ºÐ
(TanStack Query, React Query, Zustand, -Pinia µî)
- ºê¶ó¿ìÀú ·»´õ¸µ ±¸Á¶ ¹× À̺¥Æ® ·çÇÁ¿¡ ´ëÇÑ ³ôÀº ÀÌÇØ°¡ ÀÖÀ¸½Å ºÐ
- Git ±â¹Ý Çù¾÷ ¹× CI/CD ÆÄÀÌÇÁ¶óÀÎ °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- µðÀÚÀ̳ʿÍÀÇ Çù¾÷À» À§ÇÑ Figma, Zeplin »ç¿ë °æÇèÀÌ ÀÖÀ¸½Å ºÐ

[¿ì´ë Á¶°Ç]
- WebSocket ¶Ç´Â SSE ±â¹Ý ½Ç½Ã°£ µ¥ÀÌÅÍ Ã³¸® °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- ±¤°í µµ¸ÞÀÎ ÇÁ·ÐÆ®¿£µå °æÇè(Ä·ÆäÀÎ °ü¸®, ½Ç½Ã°£ Åë°è µî)ÀÌ ÀÖÀ¸½Å ºÐ
- Keycloak ¶Ç´Â OAuth2 ÀÎÁõ ½Ã½ºÅÛ ¿¬µ¿ °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- Monorepo ȯ°æ(Lerna, Nx µî) ±¸¼º ¹× ¿î¿µ °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- Æû ó¸® ¹× °ËÁõ °æÇè(React Hook Form + Zod)ÀÌ ÀÖÀ¸½Å ºÐ
- AG Grid ±â¹Ý Å×ÀÌºí ±¸¼º ¹× ÆÛÆ÷¸Õ½º ÃÖÀûÈ­ °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- Å×½ºÆ® ÄÚµå ÀÛ¼º ¹× Vitest ±â¹Ý Å×½ºÆ® ȯ°æ °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- MSW ±â¹ÝÀÇ API Mocking ¹× °³¹ß »ý»ê¼º Çâ»ó °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- Tailwind CSS, SCSS µî ´Ù¾çÇÑ ½ºÅ¸Àϸµ ¹æ½Ä Ȱ¿ë °æÇèÀÌ ÀÖÀ¸½Å ºÐ
- À¥ Á¢±Ù¼º, ¹ÝÀÀÇü UI, ºê¶ó¿ìÀú Å©·Î½º ´ëÀÀ °æÇèÀÌ ÀÖÀ¸½Å ºÐ


*±Ù¹«Áö

¼­¿ï


*Á÷±Þ

[ÇùÀÇ]


[Á¦Ãâ¼­·ù]

À̷¼­, °æ·Â±â¼ú¼­


[Á¦Ãâó]

´ã´çÀÚ¸í ÀÌ¿ø¼® ¼ö¼®ÄÁ¼³ÅÏÆ®

ÀüÈ­¹øÈ£ ***-****-****


www.nterway.com


¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬¦¬


¢ß¿£ÅÍ¿þÀÌÆÄÆ®³Ê½º´Â Áֹεî·Ï¹øÈ£ ¼öÁý ±ÝÁö ¹ý·É°ú °øÁ¤È­¿¡ °üÇÑ ¹ý·ü¿¡ ÀǰÅÇÏ¿©, ´ÙÀ½°ú °°Àº Á¤º¸¸¦ ¼öÁýÇÏÁö ¾Ê½À´Ï´Ù. 

1. ±¸Á÷ÀÚ º»ÀÎÀÇ »ý³â¿ùÀÏÀ» Á¦¿ÜÇÑ Áֹεî·Ï¹øÈ£

2. ±¸Á÷ÀÚ º»ÀÎÀÇ ¿ë¸ð,Ű,üÁß µîÀÇ ½ÅüÀû Á¶°Ç / Ãâ½ÅÁö¿ª,È¥Àο©ºÎ,Àç»ê / Á÷°è Á¸ºñ¼Ó ¹× ÇüÁ¦ÀÚ¸ÅÀÇ ÇзÂ,Á÷¾÷,Àç»ê