ÄÜÅÙÃ÷ »ó¼¼º¸±â
SPA °³¹ß °¡À̵å with ¾Þ±Ö·¯ + ½ºÇÁ¸µ


SPA °³¹ß °¡À̵å with ¾Þ±Ö·¯ + ½ºÇÁ¸µ

SPA °³¹ß °¡À̵å with ¾Þ±Ö·¯ + ½ºÇÁ¸µ

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

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

ÄÜÅÙÃ÷ ¼Ò°³

ÀÌ Ã¥Àº SPA(Single Page Application) °³¹ßÀ» ¸¶½ºÅÍÇϱâ À§ÇÑ Á¾ÇÕ °¡À̵åÀÔ´Ï´Ù. ÀÌ Ã¥¿¡¼­´Â ¿øÈ°ÇÏ°í ¸Å·ÂÀûÀÎ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÏ´Â ÃֽŠÀ¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ ±âº» °³³ä°ú °í±Þ ±â¼úÀ» »ìÆ캼 ¼ö ÀÖ½À´Ï´Ù.

AxxÀå, 'SPA'¿¡¼­´Â ´ÜÀÏ ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ÇÀÇ ¼¼°è¸¦ ¼Ò°³ÇÏ¸ç ½ÃÀÛÀ» ¾Ë¸³´Ï´Ù. ÃֽŠÀ¥ °³¹ß¿¡¼­ SPAÀÇ Á߿伺, ±âÁ¸ ´ÙÁß ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼ǰúÀÇ Â÷ÀÌÁ¡, ÀåÁ¡°ú °úÁ¦¸¦ ÀÌÇØÇÒ ¼ö ÀÖ½À´Ï´Ù.

BxxÀå, 'ŸÀÔ½ºÅ©¸³Æ®'¿¡¼­´Â Á¤ÀûÀ¸·Î À¯ÇüÈ­µÈ ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »óÀ§ ÁýÇÕÀΠŸÀÔ½ºÅ©¸³Æ®¸¦ »ìÆ캾´Ï´Ù. °­·ÂÇÑ Å¸ÀÌÇÎ, ´õ ³ªÀº Åø¸µ, Çâ»óµÈ À¯Áöº¸¼ö¼ºÀ» Á¦°øÇÏ¿© °³¹ß ÇÁ·Î¼¼½º¸¦ Çâ»ó½ÃÅ°´Â ŸÀÔ½ºÅ©¸³Æ®¿¡ ´ëÇØ ¾Ë¾Æº¾´Ï´Ù.

CxxÀå, '¾Þ±Ö·¯'¿¡¼­´Â SPA¸¦ ±¸ÃàÇÏ´Â µ¥ °¡Àå ¸¹ÀÌ »ç¿ëµÇ´Â ŸÀÔ½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ© Áß Çϳª¸¦ ¼Ò°³ÇÕ´Ï´Ù. ±¸¼º ¿ä¼Ò, ¸ðµâ, ¼­ºñ½º, ¶ó¿ìÆÃÀ» ºñ·ÔÇÑ ¾Þ±Ö·¯ÀÇ ÇÙ½É °³³äÀ» »ìÆ캸°í °­·ÂÇÏ°í È®Àå °¡´ÉÇÑ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â ¹æ¹ýÀ» ¾Ë¾Æº¾´Ï´Ù.

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

ÀÌ Ã¥À» ÅëÇØ ÃֽŠÀ¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ Áö½Ä°ú ±â¼úÀ» ½ÀµæÇÒ ¼ö ÀÖ½À´Ï´Ù. µ¿ÀûÀÎ ´ëÈ­Çü »ç¿ëÀÚ ÀÎÅÍÆäÀ̽º¸¦ ¸¸µé·Á´Â ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀ̵ç RESTful API ¼³°è¸¦ ´ã´çÇÏ´Â ¹é¿£µå °³¹ßÀÚÀÌµç »ó°ü¾øÀÌ ÀÌ Ã¥Àº SPA °³¹ß¿¡ ÇÊ¿äÇÑ ±âº» °³³ä°ú °í±Þ ±â¼úÀ» ¾È³»ÇÕ´Ï´Ù. ÀÌ Ã¥À» ´Ù ÀÐ°í ³ª¸é º¹ÀâÇÑ À¥ ÇÁ·ÎÁ§Æ®¸¦ Àڽۨ ÀÖ°í È¿À²ÀûÀ¸·Î ó¸®ÇÏ¿© dzºÎÇÏ°í ¹ÝÀÀ¼ºÀÌ ¶Ù¾î³­ »ç¿ëÀÚ °æÇèÀ» Á¦°øÇÒ ¼ö ÀÖ´Â Áغñ°¡ ¿Ï·áµË´Ï´Ù.

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

º»¼­¿Í °ü·ÃµÈ ÀüÀÚÃ¥ ¸®½ºÆ®ÀÔ´Ï´Ù.
- [ ŸÀÔ½ºÅ©¸³Æ® ]
- [ ¾Þ±Ö·¯ ]
- [ 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. ¾Þ±Ö·¯¿Í ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©/¶óÀ̺귯¸® ºñ±³
C02Àå : °³¹ß ȯ°æ ¼³Á¤Çϱâ
___1. Node.js ¼³Ä¡
___2. ¾Þ±Ö·¯ CLI ¼³Ä¡
___3. »õ ¾Þ±Ö·¯ ÇÁ·ÎÁ§Æ® »ý¼º
C03Àå : ¾Þ±Ö·¯ ¾ÆÅ°ÅØó
___1. ¾Þ±Ö·¯ ¾ÆÅ°ÅØó ÀÌÇØ
___2. ¸ðµâ ¹× ÄÄÆ÷³ÍÆ®
___3. ÅÛÇø´ ¹× µ¥ÀÌÅÍ ¹ÙÀεù
___4. ¼­ºñ½º ¹× ÀÇÁ¸¼º ÁÖÀÔ
C04Àå : ¾Þ±Ö·¯ ÄÄÆ÷³ÍÆ®
___1. ÄÄÆ÷³ÍÆ® »ý¼ºÇϱâ
___2. ÄÄÆ÷³ÍÆ® ¶óÀÌÇÁ»çÀÌŬ ÈÅ
___3. ÄÄÆ÷³ÍÆ® Åë½Å
C05Àå : ¾Þ±Ö·¯ ÅÛÇø´°ú Áö½Ã¹®
___1. ÅÛÇø´°ú º¸°£
___2. Áö½Ã¹®
___3. ngIf ¹× ngFor
___4. ngSwitch ¹× ngClass
C06Àå : ¾Þ±Ö·¯ Æû
___1. ÅÛÇø´ ±â¹Ý Æû
___2. ¹ÝÀÀÇü Æû
___3. Æû À¯È¿¼º °Ë»ç
C07Àå : ¾Þ±Ö·¯ ¼­ºñ½º ¹× ÀÇÁ¸¼º ÁÖÀÔ
___1. ¼­ºñ½º »ý¼ºÇϱâ
___2. ¼­ºñ½º ÁÖÀÔÇϱâ
___3. ÇÁ·Î¹ÙÀÌ´õ ¹× ÀÇÁ¸¼º ÁÖÀÔ
C08Àå : ¾Þ±Ö·¯ ¶ó¿ìÆÃ
___1. ¾Þ±Ö·¯ ¶ó¿ìÅÍ ¼³Á¤
___2. ±âº» ¶ó¿ìÆÃ
___3. ¶ó¿ìÆà ¸Å°³º¯¼ö ¹× Äõ¸® ¸Å°³º¯¼ö
___4. ³»ºñ°ÔÀÌ¼Ç °¡µå
C09Àå : ¾Þ±Ö·¯ HTTP ¹× ¿ÉÀú¹öºí
___1. HTTP ¿äûÇϱâ
___2. ºñµ¿±â ¿¬»ê¿¡ ¿ÉÀú¹öºí »ç¿ëÇϱâ
___3. RxJS ±âÃÊ
C10Àå : ¾Þ±Ö·¯ ÆÄÀÌÇÁ
___1. ÆÄÀÌÇÁ¶õ?
___2. ³»Àå ÆÄÀÌÇÁ
___3. »ç¿ëÀÚ Á¤ÀÇ ÆÄÀÌÇÁ
C11Àå : ¾Þ±Ö·¯ Å×½ºÆ®
___1. Ä«¸£¸¶¿Í ÀÚ½º¹ÎÀ¸·Î ´ÜÀ§ Å×½ºÆ®Çϱâ
___2. ÄÄÆ÷³ÍÆ® ¹× ¼­ºñ½º Å×½ºÆ®
___3. ºñµ¿±â ÀÛ¾÷ Å×½ºÆ®
C12Àå : °í±Þ ¾Þ±Ö·¯ ÁÖÁ¦
___1. ¾Þ±Ö·¯ ¾Ö´Ï¸ÞÀ̼Ç
___2. ¾Þ±Ö·¯ À¯´Ï¹ö¼³(¼­¹ö Ãø ·»´õ¸µ)
___3. ¾Þ±Ö·¯ ¼º´É ÃÖÀûÈ­
___4. ¾Þ±Ö·¯ ¿¡ÄڽýºÅÛ ¹× Àα⠶óÀ̺귯¸®
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 ¹®Á¦ ÇØ°á ¹× µð¹ö±ë