ÄÜÅÙÃ÷ »ó¼¼º¸±â
SPA °³¹ß °¡À̵å with ŸÀÔ½ºÅ©¸³Æ® + ¸®¾×Æ® + ½ºÇÁ¸µ


SPA °³¹ß °¡À̵å with ŸÀÔ½ºÅ©¸³Æ® + ¸®¾×Æ® + ½ºÇÁ¸µ

SPA °³¹ß °¡À̵å with ŸÀÔ½ºÅ©¸³Æ® + ¸®¾×Æ® + ½ºÇÁ¸µ

<¿Â°³¹ßÆÀ> Àú | ¿Â³ëÆ®

Ãâ°£ÀÏ
2023-09-21
ÆÄÀÏÆ÷¸Ë
ePub
¿ë·®
4 M
Áö¿ø±â±â
PC½º¸¶Æ®ÆùÅÂºí¸´PC
ÇöȲ
½Åû °Ç¼ö : 0 °Ç
°£·« ½Åû ¸Þ¼¼Áö
ÄÜÅÙÃ÷ ¼Ò°³
¸ñÂ÷
ÇÑÁÙ¼­Æò

ÄÜÅÙÃ÷ ¼Ò°³

ÀÌ Ã¥Àº ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼Ç(SPA)ÀÇ ¼¼°è¸¦ ÀÌÇØÇÏ°í ¸¶½ºÅÍÇϱâ À§ÇÑ Á¾ÇÕ °¡À̵åÀÔ´Ï´Ù. ÀÌ Ã¥Àº SPAÀÇ ±âº» °³³äºÎÅÍ Å¸ÀÔ½ºÅ©¸³Æ®, ¸®¾×Æ®, ½ºÇÁ¸µÀ» ºñ·ÔÇÑ ÃֽŠ±â¼úÀ» »ç¿ëÇÏ¿© SPA¸¦ ±¸ÃàÇÏ´Â °úÁ¤±îÁö ¾È³»ÇÕ´Ï´Ù.

AxxÀå, 'SPA'¿¡¼­´Â ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ǿ¡ ´ëÇÑ ¼Ò°³¸¦ ÅëÇØ SPA°¡ ¹«¾ùÀ̸ç ÃֽŠÀ¥ °³¹ß¿¡¼­ ¿Ö ÇʼöÀûÀÎÁö ¼³¸íÇÕ´Ï´Ù. SPA¿Í °ü·ÃµÈ ÀåÁ¡°ú °úÁ¦¸¦ ¸íÈ®ÇÏ°Ô ÀÌÇØÇÒ ¼ö ÀÖ½À´Ï´Ù.

BxxÀå, 'ŸÀÔ½ºÅ©¸³Æ®'¿¡¼­´Â Á¤ÀûÀ¸·Î ŸÀÔÈ­µÈ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »óÀ§ ÁýÇÕÀΠŸÀÔ½ºÅ©¸³Æ®¿¡ ´ëÇØ »ìÆ캾´Ï´Ù. µ¥ÀÌÅÍ Å¸ÀÔ, ÇÔ¼ö, ÀÎÅÍÆäÀ̽º¸¦ ºñ·ÔÇÑ Å¸ÀÔ½ºÅ©¸³Æ®ÀÇ ±âº» »çÇ×À» ¹è¿ö È¿°úÀûÀÎ ÇÁ·ÐÆ®¿£µå °³¹ßÀ» ÁغñÇÒ ¼ö ÀÖ½À´Ï´Ù.

CxxÀå, 'ŸÀÔ½ºÅ©¸³Æ®·Î °³¹ßÇÏ´Â ¸®¾×Æ®'¿¡¼­´Â »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¸¦ ±¸ÃàÇÏ´Â µ¥ ³Î¸® »ç¿ëµÇ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¶óÀ̺귯¸®ÀÎ ¸®¾×Æ®¸¦ ¼Ò°³ÇÏ°í SPA °³¹ßÀ» À§ÇØ Å¸ÀÔ½ºÅ©¸³Æ®¿Í ÇÔ²² »ç¿ëÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÕ´Ï´Ù. ¸®¾×Æ® ÄÄÆ÷³ÍÆ®, »óÅ °ü¸®, ¶ó¿ìÆÃÀ» »ìÆ캾´Ï´Ù.

DxxÀå, '½ºÇÁ¸µÀ» »ç¿ëÇÑ RESTful ÇÁ·Î±×·¡¹Ö'¿¡¼­´Â °­·ÂÇÑ ÀÚ¹Ù ÇÁ·¹ÀÓ¿öÅ©ÀÎ ½ºÇÁ¸µÀ» »ç¿ëÇÑ ¹é¿£µå °³¹ßÀÇ ¼¼°è·Î ¾È³»ÇÕ´Ï´Ù. ½ºÇÁ¸µÀ» »ç¿ëÇÏ¿© RESTful API¸¦ »ý¼ºÇÏ°í, µ¥ÀÌÅ͸¦ ó¸®ÇÏ°í, ÇÁ·ÐÆ®¿£µå¿Í »óÈ£ ÀÛ¿ëÇÏ´Â ¹æ¹ýÀ» ¹è¿ì°Ô µË´Ï´Ù.

ÀÌ Ã¥Àº ÃֽŠSPA¸¦ È¿°úÀûÀ¸·Î ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ Áö½Ä°ú ±â¼úÀ» °®Ãßµµ·Ï ¼³°èµÇ¾ú½À´Ï´Ù. ŸÀÔ½ºÅ©¸³Æ®¿Í ¸®¾×Æ®¸¦ ¸¶½ºÅÍÇÏ·Á´Â ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀ̵ç, ½ºÇÁ¸µÀ¸·Î RESTful API¸¦ ¸¸µå´Â µ¥ °ü½ÉÀÌ ÀÖ´Â ¹é¿£µå °³¹ßÀÚÀ̵ç, ÀÌ Ã¥Àº SPA °³¹ß¿¡ ´ëÇÑ ÀüüÀûÀÎ ÀÌÇظ¦ Á¦°øÇÕ´Ï´Ù. ÀÌ ¿©Á¤ÀÌ ³¡³ª¸é ¿øÈ°ÇÏ°í ¹ÝÀÀÀÌ ºü¸¥ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÏ´Â SPA¸¦ ¸¸µé ¼ö ÀÖ´Â ¿ª·®À» °®Ãß°Ô µÉ °ÍÀÔ´Ï´Ù.

ÀÌ Ã¥Àº AxxÀåÀ» Á¦¿ÜÇÑ ³ª¸ÓÁö ÀåÀº ¿Â³ëÆ®¿¡¼­ Ãâ°£µÈ Ã¥ÀÇ ³»¿ëÀ» ÇÕÄ£ ÇüÅÂÀÔ´Ï´Ù. °³º°·Î µû·Î ±¸¸ÅÇÏ·Á¸é ¾Æ·¡ Á¤º¸¸¦ ÂüÁ¶Çϱ⠹ٶø´Ï´Ù.

º»¼­¿Í °ü·ÃµÈ ÀüÀÚÃ¥ ¸®½ºÆ®ÀÔ´Ï´Ù.
- [ ŸÀÔ½ºÅ©¸³Æ® ]
- [ ¸®¾×Æ® with ŸÀÔ½ºÅ©¸³Æ® ]
- [ RESTful ÇÁ·Î±×·¡¹Ö with ½ºÇÁ¸µ ]

¸ñÂ÷

A01Àå : ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀÌ¼Ç ¼Ò°³
___1. ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀ̶õ?
___2. ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀÇ ÀåÁ¡°ú ´ÜÁ¡
___3. ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀÇ ÀÛµ¿ ¹æ½Ä
A02Àå : ÇÁ·±Æ®¿£µå ±â¼ú
___1. HTML, CSS, ÀÚ¹Ù½ºÅ©¸³Æ®
___2. ÇÁ·±Æ®¿£µå ÇÁ·¹ÀÓ¿öÅ©/¶óÀ̺귯¸®
___3. UI/UX µðÀÚÀÎ ¿øÄ¢
A03Àå : ¹é¿£µå ±â¼ú
___1. RESTful API
___2. ¼­¹ö Ãø ÇÁ·¹ÀÓ¿öÅ©
___3. ÀÎÁõ ¹× ±ÇÇÑ ºÎ¿©
A04Àå : ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀÌ¼Ç ±¸Ãà
___1. °³¹ß ȯ°æ ¼³Á¤
___2. ¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÅ°ÅØó °èȹ
___3. ÇÁ·ÐÆ®¿£µå ¸¸µé±â
___4. ¹é¿£µå ¸¸µé±â
___5. ÇÁ·ÐÆ® ¿£µå¿Í ¹é¿£µå ¿¬°áÇϱâ
___6. Å×½ºÆ® ¹× µð¹ö±ë
A05Àå : ¹èÆ÷ ¹× È®Àå
___1. ½Ì±Û ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀ» À§ÇÑ È£½ºÆà ¿É¼Ç
___2. ÇÁ·Î´ö¼Ç ȯ°æ¿¡ ¹èÆ÷
___3. ¾ÖÇø®ÄÉÀÌ¼Ç ¸ð´ÏÅ͸µ ¹× ½ºÄÉÀϸµ
A06Àå : °í±Þ ÁÖÁ¦
___1. ÇÁ·Î±×·¹½Ãºê À¥ ¾ÖÇø®ÄÉÀ̼Ç
___2. ¼­¹ö Ãø ·»´õ¸µ
___3. ¼º´É ¹× »ç¿ëÀÚ °æÇè ÃÖÀûÈ­
___4. Á¢±Ù¼º °í·Á »çÇ×
B01Àå : ŸÀÔ½ºÅ©¸³Æ® ¼Ò°³
___1. ŸÀÔ½ºÅ©¸³Æ®¶õ?
___2. ŸÀÔ½ºÅ©¸³Æ® »ç¿ëÀÇ ÀÌÁ¡
___3. ŸÀÔ½ºÅ©¸³Æ® °³¹ß ȯ°æ ¼³Á¤Çϱâ
B02Àå : ŸÀÔ½ºÅ©¸³Æ® ±âÃÊ
___1. ŸÀÔ ¹× ŸÀÔ ¾î³ëÅ×ÀÌ¼Ç ÀÌÇØÇϱâ
___2. º¯¼ö ¹× »ó¼ö ÀÛ¾÷Çϱâ
___3. ¿¬»êÀÚ ¹× Ç¥Çö½Ä »ç¿ëÇϱâ
___4. Á¦¾î È帧 ¹®
B03Àå : ŸÀÔ½ºÅ©¸³Æ® ÇÔ¼ö
___1. ÇÔ¼ö »ý¼º ¹× È£ÃâÇϱâ
___2. ÇÔ¼ö ¸Å°³º¯¼ö ¹× ¹Ýȯ ŸÀÔ ÀÌÇØÇϱâ
___3. È­»ìÇ¥ ÇÔ¼ö ¹× ÇÔ¼ö Ç¥Çö½Ä »ç¿ëÇϱâ
___4. ÇÔ¼ö ¿À¹ö·Îµå
B04Àå : ŸÀÔ½ºÅ©¸³Æ® Ŭ·¡½º¿Í °´Ã¼
___1. ŸÀÔ½ºÅ©¸³Æ®¿¡¼­ Ŭ·¡½º »ý¼ºÇϱâ
___2. ÇÁ·ÎÆÛƼ¿Í ¸Þ¼­µå Á¤ÀÇÇϱâ
___3. Á¢±Ù ¼öÁ¤ÀÚ »ç¿ëÇϱâ
___4. »ý¼ºÀÚ ¹× »ý¼ºÀÚ ¿À¹ö·Îµù ÀÌÇØÇϱâ
___5. °´Ã¼ »ý¼º ¹× »ç¿ëÇϱâ
B05Àå : ŸÀÔ½ºÅ©¸³Æ® ÀÎÅÍÆäÀ̽º
___1. ÀÎÅÍÆäÀ̽º ÀÌÇØÇϱâ
___2. ÀÎÅÍÆäÀ̽º »ý¼º ¹× ±¸ÇöÇϱâ
___3. ÀÎÅÍÆäÀ̽º¸¦ »ç¿ëÇÏ¿© °´Ã¼ ŸÀÔ Á¤ÀÇÇϱâ
___4. ¼±ÅÃÀû ÇÁ·ÎÆÛƼ ¹× À妽º ½Ã±×´Ïó
B06Àå : ŸÀÔ½ºÅ©¸³Æ® ¹è¿­°ú Æ©ÇÃ
___1. ¹è¿­°ú Æ©Ç÷ΠÀÛ¾÷Çϱâ
___2. ¹è¿­ ¸Þ¼­µå¿Í ÇÁ·ÎÆÛƼ
___3. Æ©Çà ŸÀÔ°ú ¿¬»ê
B07Àå : ŸÀÔ½ºÅ©¸³Æ® ¿­°ÅÇü
___1. ¿­°ÅÇü »ý¼º ¹× »ç¿ëÇϱâ
___2. ¿­°ÅÇü ¸â¹ö¿Í °ª
___3. ŸÀÔ½ºÅ©¸³Æ®ÀÇ ¿­°ÅÇü
B08Àå : ŸÀÔ½ºÅ©¸³Æ® Á¦³×¸¯
___1. Á¦³×¸¯ ÀÌÇØÇϱâ
___2. Á¦³×¸¯ ÇÔ¼ö ¹× Ŭ·¡½º »ý¼ºÇϱâ
___3. ŸÀÔ ¸Å°³º¯¼ö ¹× Á¦¾à Á¶°Ç »ç¿ëÇϱâ
B09Àå : °í±Þ ŸÀÔ½ºÅ©¸³Æ® ±â´É
___1. ³×ÀÓ½ºÆäÀ̽º ¹× ¸ðµâ·Î ÀÛ¾÷Çϱâ
___2. ¸ÞŸµ¥ÀÌÅÍ ¹× µ¿ÀÛ¿¡ µ¥ÄÚ·¹ÀÌÅÍ »ç¿ëÇϱâ
___3. ŸÀÔ º°Äª ¹× ŸÀÔ ¾î¼³¼Ç
___4. ±³Â÷ ¹× À¯´Ï¿Â ŸÀÔ
B10Àå : ŸÀÔ½ºÅ©¸³Æ® ¸ð¹ü »ç·Ê
___1. ±ò²ûÇÏ°í Àб⠽¬¿î ÄÚµå ÀÛ¼º
___2. º¯¼ö, ÇÔ¼ö ¹× Ŭ·¡½ºÀÇ ¸í¸í ±ÔÄ¢
___3. ŸÀÔ°ú ÀÎÅÍÆäÀ̽º¸¦ È¿°úÀûÀ¸·Î »ç¿ëÇϱâ
___4. ÀϹÝÀûÀÎ ½Ç¼ö¿Í ÇÔÁ¤ ÇÇÇϱâ
C01Àå : ¸®¾×Æ®¿Í ŸÀÔ½ºÅ©¸³Æ® ¼Ò°³
___1. ¸®¾×Æ®¶õ?
___2. ŸÀÔ½ºÅ©¸³Æ®¶õ?
___3. ¿Ö ŸÀÔ½ºÅ©¸³Æ®¿Í ÇÔ²² React¸¦ »ç¿ëÇØ¾ß ÇÒ±î¿ä?
C02Àå : ȯ°æ ¼³Á¤Çϱâ
___1. Node.js¿Í npm ¼³Ä¡Çϱâ
___2. »õ ¸®¾×Æ® ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
___3. ŸÀÔ½ºÅ©¸³Æ® ¼³Ä¡ ¹× ¼³Á¤Çϱâ
___4. ¸°Æà ¹× ¼­½Ä ÁöÁ¤Çϱâ
C03Àå : ¸®¾×Æ®¸¦ À§ÇÑ Å¸ÀÔ½ºÅ©¸³Æ® ±âÃÊ
___1. ±âº» ŸÀÔ°ú ÀÎÅÍÆäÀ̽º
___2. ÇÔ¼ö ÄÄÆ÷³ÍÆ®ÀÇ Å¸ÀÔ ¾î³ëÅ×À̼Ç
___3. React.useState()¸¦ »ç¿ëÇÑ Å¸ÀÔ½ºÅ©¸³Æ®
___4. React.useEffect()¸¦ »ç¿ëÇÑ Å¸ÀÔ½ºÅ©¸³Æ®
C04Àå : ÄÄÆ÷³ÍÆ®¿Í Props
___1. ÇÔ¼öÇü ÄÄÆ÷³ÍÆ® »ý¼ºÇϱâ
___2. Props ŸÀÌÇÎÇϱâ
___3. ±âº» Props¿Í ¼±ÅÃÀû Props
___4. ÀÚ½Ä Props ŸÀÌÇÎÇϱâ
C05Àå : À̺¥Æ® ó¸®Çϱâ
___1. ¸®¾×Æ® À̺¥Æ® Çڵ鷯 ŸÀÌÇÎÇϱâ
___2. Æû ÀÔ·Â À̺¥Æ®
___3. ¸¶¿ì½º À̺¥Æ®, Å°º¸µå À̺¥Æ®, Ä¿½ºÅÒ À̺¥Æ®
C06Àå : »óÅ °ü¸®Çϱâ
___1. useState¿Í useRef
___2. Ä¿½ºÅÒ ÈÅ »ý¼ºÇϱâ
___3. ÄÁÅؽºÆ® API »ç¿ëÇϱâ
C07Àå : ¶ó¿ìÆà ¹× ³»ºñ°ÔÀ̼Ç
___1. ¸®¾×Æ® ¶ó¿ìÅÍ ¼³Ä¡ ¹× ±¸¼ºÇϱâ
___2. ¶ó¿ìÆ® ÄÄÆ÷³ÍÆ® ŸÀÌÇÎÇϱâ
___3. ¶ó¿ìÆ® ¸Å°³º¯¼ö ¹× Äõ¸® ¸Å°³º¯¼ö »ç¿ëÇϱâ
C08Àå : Æû°ú À¯È¿¼º °Ë»ç·Î ÀÛ¾÷Çϱâ
___1. Æû ó¸®Çϱâ
___2. Yup°ú FormikÀ¸·Î À¯È¿¼º °Ë»çÇϱâ
C09Àå : API¿Í ÅëÇÕÇϱâ
___1. API¿¡¼­ µ¥ÀÌÅÍ °¡Á®¿À±â
___2. API ÀÀ´ä ŸÀÌÇÎ
___3. µ¥ÀÌÅÍ Æ÷½ºÆÃÇϱâ
C10Àå : °í±Þ ÆÐÅÏ ¹× ½Ç½À
___1. ŸÀÔ½ºÅ©¸³Æ®¸¦ »ç¿ëÇÑ °íÂ÷ ÄÄÆ÷³ÍÆ®
___2. Props ·»´õ¸µÇϱâ
___3. ¿¡·¯ ¹Ù¿î´õ¸®¿Í ŸÀÔ½ºÅ©¸³Æ®
C11Àå : ¸®¾×Æ® ¹× ŸÀÔ½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀÌ¼Ç Å×½ºÆ®Çϱâ
___1. Å×½ºÆ® ȯ°æ ¼³Á¤Çϱâ
___2. ¸®¾×Æ® Å×½ºÆ® ¶óÀ̺귯¸® ŸÀÌÇÎÇϱâ
___3. ´ÜÀ§ ¹× ÅëÇÕ Å×½ºÆ® ÀÛ¼ºÇϱâ
C12Àå : ¸®¾×Æ® ŸÀÔ½ºÅ©¸³Æ® ¾ÖÇø®ÄÉÀÌ¼Ç ºôµå ¹× ¹èÆ÷Çϱâ
___1. ÇÁ·Î´ö¼Ç ºôµå ÃÖÀûÈ­Çϱâ
___2. Netlify, Vercel ¹× ±âŸ Ç÷§Æû¿¡ ¹èÆ÷Çϱâ
___3. Áö¼ÓÀû ÅëÇÕ ¹× ¹èÆ÷
D01Àå : RESTful ÇÁ·Î±×·¡¹Ö ¼Ò°³
___1. Á¤ÀÇ ¹× ÁÖ¿ä ¿øÄ¢
___2. HTTP ¸Þ¼­µå ÀÌÇØ
___3. ¹Ìµð¾î À¯Çü °³¿ä
D02Àå : ½ºÇÁ¸µ ÇÁ·¹ÀÓ¿öÅ© ¼Ò°³
___1. ½ºÇÁ¸µ ÇÁ·¹ÀÓ¿öÅ©ÀÇ ÇÙ½É °³³ä
___2. ½ºÇÁ¸µ ºÎÆ® °³¿ä ¹× ¾ÆÅ°ÅØó
___3. ½ºÇÁ¸µÀÇ ÀÇÁ¸¼º ÁÖÀÔ
___4. ½ºÇÁ¸µÀÇ ºó°ú ¿¬°á
D03Àå : ½ºÇÁ¸µÀ¸·Î RESTful À¥ ¼­ºñ½º ±¸ÃàÇϱâ
___1. ½ºÇÁ¸µ ¾ÖÇø®ÄÉÀÌ¼Ç »ý¼ºÇϱâ
___2. ù ¹ø° REST API ºôµåÇϱâ
___3. HTTP ¸Þ¼­µå
___4. ¿¹¿Ü ¹× À¯È¿¼º °Ë»ç ó¸®Çϱâ
D04Àå : ½ºÇÁ¸µÀÇ °í±Þ °³³ä for REST API
___1. ½ºÇÁ¸µ µ¥ÀÌÅÍ JPA¸¦ »ç¿ëÇÑ ÆäÀÌ¡ ¹× Á¤·Ä
___2. ¹öÀü °ü¸®
___3. ÄÜÅÙÃ÷ Çù»ó
___4. ij½Ì
___5. HATEOAS
D05Àå : ½ºÇÁ¸µ REST APIÀÇ º¸¾È
___1. ±âº» ÀÎÁõ
___2. OAuth2.0
___3. JWT
D06Àå : ½ºÇÁ¸µÀ¸·Î REST API Å×½ºÆ®Çϱâ
___1. JUnitÀ» »ç¿ëÇÑ ´ÜÀ§ Å×½ºÆ®
___2. Mockito¸¦ »ç¿ëÇÑ ÅëÇÕ Å×½ºÆ®
___3. PostmanÀ¸·Î Å×½ºÆ®Çϱâ
D07Àå : ½ºÇÁ¸µ REST API ¹èÆ÷
___1. ½ºÇÁ¸µ ºÎÆ® ¾ÖÇø®ÄÉÀÌ¼Ç µµÄ¿È­
___2. Ŭ¶ó¿ìµå¿¡ ¹èÆ÷Çϱâ
D08Àå : RESTful ÇÁ·Î±×·¡¹ÖÀÇ ¸ð¹ü »ç·Ê
___1. »óÅ ºñÀúÀå API ºôµå
___2. ¸í¸í ±ÔÄ¢
___3. ¿À·ù ó¸®
D09Àå : »ç·Ê ¿¬±¸
___1. º»°ÝÀûÀÎ RESTful À¥ ¼­ºñ½º °³¹ßÇϱâ
___2. REST API ¹®Á¦ ÇØ°á ¹× µð¹ö±ë