[´ã´ç¾÷¹«] ¡î À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ¤ýÀ¥ ±â¹Ý ÇÁ·ÐÆ®¿£µå ¾ÖÇø®ÄÉÀÌ¼Ç ¼³°è ¹× °³¹ß ¤ýMUI(Material-UI) ÄÄÆ÷³ÍÆ® ¶óÀ̺귯¸® Ȱ¿ë ¹× Ä¿½ºÅ͸¶ÀÌ¡ ¤ý½áµåÆÄƼ ÄÄÆ÷³ÍÆ® ÅëÇÕ ¹× È®Àå ´É·Â ¤ý¸ðµâ½Ä ÄÚµå ÀÛ¼º ¹× ÄÄÆ÷³ÍÆ® ±â¹Ý °³¹ß ¹æ¹ý·Ð Àû¿ë ¤ý¸¶ÀÌÅ©·Î ÇÁ·ÐÆ®¿£µå ¾ÆÅ°ÅØÃ³ ÀÌÇØ ¹× Àû¿ë
¡î µ¥ÀÌÅÍ Ã³¸® ¹× ½Ã°¢È ¤ý¹é¿£µå API¿Í ¿¬µ¿ÇÏ¿© º¹ÀâÇÑ ÀÇ·á µ¥ÀÌÅÍ Ã³¸® ¹× Ç¥½Ã ¤ýRESTful API ¹× GraphQLÀ» Ȱ¿ëÇÑ È¿À²ÀûÀÎ µ¥ÀÌÅÍ ÆäĪ ±¸Çö ¤ý½Ç½Ã°£ µ¥ÀÌÅÍ ½ºÆ®¸®¹Ö ó¸® (WebSocket, Server-Sent Events) ¤ýÀÇ·á µ¥ÀÌÅÍ ½Ã°¢È ¹× ÀÎÅÍ·¢Æ¼ºê ´ë½Ãº¸µå °³¹ß ¤ý´ë¿ë·® µ¥ÀÌÅͼ ó¸®¸¦ À§ÇÑ ÃÖÀûÈ ±â¹ý Àû¿ë
¡î »ç¿ëÀÚ °æÇè ¹× ÀÎÅÍÆäÀ̽º ¤ý¹ÝÀÀÇü À¥ µðÀÚÀÎ ¹× Å©·Î½º ºê¶ó¿ìÀú ȣȯ¼º º¸Àå ¤ýÁ¢±Ù¼º(WCAG) Ç¥ÁØÀ» ÁؼöÇÑ UI ±¸Çö ¤ý»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º ±¸Çö ¹× »ç¿ëÀÚ °æÇè ÃÖÀûÈ ¤ý¿ø°Ý ȯÀÚ ¸ð´ÏÅ͸µ ½Ã½ºÅÛÀÇ ÇÁ·ÐÆ®¿£µå ±¸Çö ¤ý´Ù±¹¾î Áö¿ø ¹× ±¹Á¦È(i18n) ±¸Çö
¡î ¼º´É ÃÖÀûÈ ¹× ¹®Á¦ ÇØ°á ¤ýÇÁ·ÐÆ®¿£µå ¼º´É ÃÖÀûÈ (¹øµé Å©±â °¨¼Ò, ÄÚµå ½ºÇø®ÆÃ, ·¹ÀÌÁö ·Îµù) ¤ý¸Þ¸ð¸® ´©¼ö ¹× ·»´õ¸µ ¼º´É À̽´ Áø´Ü ¹× ÇØ°á ¤ýºê¶ó¿ìÀú ȣȯ¼º ¹®Á¦ ÇØ°á ¹× Æú¸®ÇÊ ±¸Çö ¤ýŬ¶óÀÌ¾ðÆ® »çÀÌµå º¸¾È Ãë¾àÁ¡ ½Äº° ¹× ÇØ°á ¤ýµð¹ö±ë µµ±¸¸¦ Ȱ¿ëÇÑ º¹ÀâÇÑ ÇÁ·ÐÆ®¿£µå À̽´ ÇØ°á
¡î ǰÁú °ü¸® ¹× Çù¾÷ ¤ý´ÜÀ§ Å×½ºÆ®, ÅëÇÕ Å×½ºÆ® ¹× E2E Å×½ºÆ® ÀÛ¼º ¤ýÄÚµå ¸®ºä ¹× ǰÁú °ü¸® ¤ý±â¼ú ¹®¼ ÀÛ¼º ¹× À¯Áöº¸¼ö ¤ý¾ÖÀÚÀÏ °³¹ß ¹æ¹ý·Ð¿¡ µû¸¥ ÆÀ Çù¾÷ ¤ý¹é¿£µå °³¹ßÀÚ ¹× µðÀÚÀ̳ʿÍÀÇ È¿À²ÀûÀÎ Çù¾÷
Çʼö ±â¼ú ½ºÅà ¤ýReact: SPA ÇÁ·¹ÀÓ¿öÅ© Ȱ¿ë ´É·Â ¤ýNode.js: ¼¹ö »çÀ̵å JavaScript ·±Å¸ÀÓ È¯°æ °æÇè ¤ýTypeScript: Á¤Àû ŸÀÔ ½Ã½ºÅÛÀ» Ȱ¿ëÇÑ °³¹ß °æÇè ¤ýDI(Dependency Injection): ÀÇÁ¸¼º ÁÖÀÔ ÆÐÅÏ ÀÌÇØ ¹× Ȱ¿ë ´É·Â ¤ýGit: ¹öÀü °ü¸® ½Ã½ºÅÛ »ç¿ë °æÇè ¤ýBitbucket: ÄÚµå ÀúÀå¼Ò ¹× Çù¾÷ µµ±¸ Ȱ¿ë °æÇè
ÀÚ°Ý ¿ä°Ç ¤ýÄÄÇ»ÅÍ °øÇÐ ¶Ç´Â °ü·Ã ºÐ¾ß Çлç ÇÐÀ§ ÀÌ»ó (¶Ç´Â µ¿µîÇÑ ½Ç¹« °æÇè) ¤ýÇÁ·ÐÆ®¿£µå °³¹ß °æ·Â 4³â ÀÌ»ó ~ 8³â ÀÌÇÏ ¤ý¿øÈ°ÇÑ Ä¿¹Â´ÏÄÉÀÌ¼Ç ´É·Â ¤ý¹®Á¦ ÇØ°á ´É·Â°ú ³í¸®Àû »ç°í·Â ¤ý»õ·Î¿î ±â¼ú ½Àµæ¿¡ ´ëÇÑ ¿Á¤
¿ì´ë »çÇ× ¤ýNextJS¿Í MUI(Material-UI) Ȱ¿ë °æÇè ¤ý¹ÝÀÀÇü À¥ µðÀÚÀÎ ±¸Çö °æÇè ¤ýµ¥ÀÌÅÍ ½Ã°¢È ¶óÀ̺귯¸®(D3.js, Chart.js µî) Ȱ¿ë °æÇè ¤ýÇコÄÉ¾î ¶Ç´Â ÀÇ·á °ü·Ã ÇÁ·ÎÁ§Æ® °æÇè ¤ýÅ×½ºÆ® ÁÖµµ °³¹ß(TDD) °æÇè ¤ýCI/CD ÆÄÀÌÇÁ¶óÀÎ ±¸Ãà ¹× ¿î¿µ °æÇè ¤ý¾ÖÀÚÀÏ/½ºÅ©·³ ¹æ¹ý·Ð¿¡ ´ëÇÑ ÀÌÇØ ¤ý¿µ¾î ÀÇ»ç¼ÒÅë ´É·Â (¹Ì±¹ »ç¾÷ °ü·Ã)
[±Ù¹«ºÎ¼ ¹× Á÷±Þ/Á÷Ã¥]
|
[ÀÚ°Ý¿ä°Ç] °æ·Â: °æ·Â 4 ~ 8³â ÇзÂ: ÃÊ´ëÁ¹ Á÷¹«±â¼ú: Node.js, Typescript, GIT
|