[ ½ÇÀü SPA °³¹ß ¾Þ±Ö·¯ + ½ºÇÁ¸µ ºÎÆ® ] ¿À¸®Áö³ÎÆÇÀ» °¡Áö°í ÀÖ´Ù¸é °³Á¤ÆÇÀ» ´Ù½Ã ±¸¸ÅÇÒ ÇÊ¿ä°¡ ¾øÀ¸¸ç ¿À¸®Áö³ÎÆÇÀ» ¾÷µ¥ÀÌÆ®Çؼ »ç¿ëÇÏ¸é µË´Ï´Ù
ÀÌ Ã¥Àº SPA(Single Page Application) °³¹ßÀ» À§ÇØ ¾Þ±Ö·¯¸¦ ÀÌ¿ëÇÑ ÇÁ·ÐÆ®¿£µå °³¹ß°ú ½ºÇÁ¸µ ºÎÆ®¸¦ ÀÌ¿ëÇÑ REST API ½Ã½ºÅÛ °³¹ßÀ» ´Ù·ç°í ÀÖ½À´Ï´Ù.
ÇÁ·ÐÆ®¿£µå °³¹ßÀº ECMAScript 6°ú ŸÀÔ½ºÅ©¸³Æ®¿¡ ´ëÇÑ ±âº»ÀûÀÎ ³»¿ëºÎÅÍ ¾Þ±Ö·¯ÀÇ ±â¼úÀûÀÎ ºÎºÐ±îÁö ¼³¸íÇÕ´Ï´Ù.
±×¸®°í ¾Þ±Ö·¯ ½ÇÀü ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÃàÇØ º½À¸·Î½á ¾Þ±Ö·¯ÀÇ ´Ù¾çÇÑ È°¿ë¹æ¾ÈÀ» ¹è¿ì°Ô µÉ °ÍÀÔ´Ï´Ù.
REST API ½Ã½ºÅÛ °³¹ßÀº À̹ÌÁö¸¦ ÆǸÅÇÏ´Â °£´ÜÇÑ µðÁöÅÐ ÄÁÅÙÃ÷ ¼¥ÀÇ REST API¸¦ ±¸ÃàÇØ º½À¸·Î½á Restful ¼ºñ½º¸¦ À§ÇÑ ½ºÇÁ¸µ ºÎÆ®ÀÇ ½ÇÁ¦ »ç¿ë¹ýÀ» ¹è¿ï ¼ö ÀÖ½À´Ï´Ù.
½ÇÀü ÇÁ·ÎÁ§Æ® °³¹ß¿¡ ÇÊ¿äÇÑ Restful ¼ºñ½º¿Í ½ºÇÁ¸µ ºÎÆ®ÀÇ ±âº» °³³ä, JPA, ½ºÇÁ¸µ ½ÃÅ¥¸®Æ¼, JWT, ÅäÅ« ÀÎÁõ, ·Òº¹ µîÀ» ÇÔ²² ¼³¸íÇÕ´Ï´Ù.
ÀÌ Ã¥Àº EPUB Çü½ÄÀÇ ÀüÀÚÃ¥À̶ó¼ Á¾ÀÌÃ¥ÀÇ ¸ð½ÀÀ» ±â´ëÇÑ µ¶ÀÚ¶ó¸é ÆäÀÌÁö ¸ð½ÀÀÌ À¥ ÆäÀÌÁö ÇüÅÂ¶ó ³¸¼³ ¼ö ÀÖ½À´Ï´Ù.
ÀϹÝÀûÀÎ °³³ä ¼³¸í À§ÁÖÀÇ ±¸¼ºÀÌ ¾Æ´Ñ SPAÀÇ ÇÁ·ÐÆ®¿£µå¿Í ¹é¿£µå REST API ¼¹öÀÇ ½ÇÁ¦ °³¹ß¿¡ ÁßÁ¡À» µÎ°í ÇÁ·Î±×·¥ ÄÚµå À§ÁַΠåÀÇ ±¸¼ºÀÌ µÇ¾î ÀÖ½À´Ï´Ù.
¼Ò½ºÄڵ带 ´Ù¿î·Îµå ¹ÞÀº ´ÙÀ½¿¡ Á÷Á¢ Äڵ带 ½ÇÇàÇØ º¸¸é SPA °³¹ß¿¡ ´ëÇÑ °³³äÀ» Á» ´õ ±¸Ã¼ÀûÀ¸·Î ÀÌÇØÇÒ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
ÇÁ·ÐÆ®¿£µåÀÎ ¾Þ±Ö·¯¿Í ¹é¿£µåÀÎ ½ºÇÁ¸µ ºÎÆ®ÀÇ ¸¹Àº ¿µ¿ªÀ» ´Ù·ç°í ÀÖ¾î¼ ¼¼ºÎÀûÀÎ ¼³¸íÀÌ ºÎÁ·ÇÒ ¼ö ÀÖ½À´Ï´Ù.
¾Þ±Ö·¯¿Í ½ºÇÁ¸µ ºÎÆ®¸¦ óÀ½ Á¢Çϰųª Äڵ忡 ´ëÇÑ ÀÚ¼¼ÇÑ ¼³¸íÀÌ ÇÊ¿äÇÑ ´Ü°è¶ó¸é ±ÇÇÏÁö ¾Ê½À´Ï´Ù.
ÀÌ Ã¥Àº ¿Â³ëÆ®¿¡¼ Ãâ°£µÈ "½ÇÀü ¾Þ±Ö·¯"¿Í "½ÇÀü ½ºÇÁ¸µ ºÎÆ® REST API °³¹ß JPA + MySQL"ÀÇ ³»¿ëÀ» ÇÕÄ£ ÇüÅÂÀÔ´Ï´Ù.
ÇÁ·ÐÆ®¿£µå¿Í ¹é¿£µå °ü·ÃÇÑ ÀüÀÚÃ¥À» µû·Î ±¸¸ÅÇϽ÷Á¸é ¾Æ·¡ ³»¿ëÀ» ÂüÁ¶¹Ù¶ø´Ï´Ù.
¿Â³ëÆ®¿¡¼ Ãâ°£µÈ ÇÁ·ÐÆ®¿£µå °³¹ß ½Ã¸®ÁîÀÔ´Ï´Ù.
- [ ½ÇÀü Vue.js ]
- [ ½ÇÀü Vue.js with ŸÀÔ½ºÅ©¸³Æ® ]
- [ ½ÇÀü Vue.js 3 ]
- [ ½ÇÀü ¸®¾×Æ® ]
- [ ½ÇÀü ¸®¾×Æ® with ŸÀÔ½ºÅ©¸³Æ® ]
- [ ½ÇÀü ¾Þ±Ö·¯ ]
¿Â³ëÆ®¿¡¼ Ãâ°£µÈ ½ÇÀü ½ºÇÁ¸µ ºÎÆ® REST API °³¹ß ½Ã¸®ÁîÀÔ´Ï´Ù.
- [ ½ÇÀü ½ºÇÁ¸µ ºÎÆ® REST API °³¹ß MyBatis + MySQL ]
- [ ½ÇÀü ½ºÇÁ¸µ ºÎÆ® REST API °³¹ß JPA + MySQL ]
- [ ½ÇÀü ½ºÇÁ¸µ ºÎÆ® REST API °³¹ß JDBC + MySQL ]
1Àå : °³¹ß ȯ°æ
___1. Visual Studio Code ¼³Ä¡
___2. NodeJS ¼³Ä¡
___3. java ¼³Ä¡
2Àå : ECMAScript 6
___1. var ¼±¾ðÀÚ Æ¯¼º
___2. let ¼±¾ðÀÚ
___3. const ¼±¾ðÀÚ
___4. Symbol ŸÀÔ
___5. È»ìÇ¥ÇÔ¼ö
___6. for of ¹®
___7. ºñ±¸Á¶È ÇÒ´ç
___8. Map Ä÷º¼Ç ŸÀÔ
___9. Set Ä÷º¼Ç ŸÀÔ
___10. ÇÔ¼ö ¸Å°³º¯¼ö
___11. ÅÛÇø´ ¸®ÅÍ·²
___12. Ŭ·¡½º ±¸¹®
___13. Ŭ·¡½º »ó¼Ó
___14. Àü°³ ¿¬»êÀÚ
___15. °´Ã¼ ¼Ó¼º »ý·« ÁöÁ¤
___16. ÇÁ·Î¹Ì½º
___17. ¸ðµâ
3Àå : ÀÚ¹Ù½ºÅ©¸³Æ® ¹è¿
___1. ¹è¿ ¼Ò°³
___2. ¹è¿ ¸Þ¼µå
___3. ¹è¿ Á¤·Ä
___4. ¹Ýº¹ ¸Þ¼µå
4Àå : ºñµ¿±â ó¸®
___1. ÇÁ·Î¹Ì½º
___2. ÇÁ·Î¹Ì½º ¸Þ¼µå
___3. ÇÁ·Î¹Ì½º º´·Ä ó¸®
___4. async await
___5. Á¦³Ê·¹ÀÌÅÍ
5Àå : ŸÀÔ½ºÅ©¸³Æ®
___1. ŸÀÔ
___2. ŸÀÔ ÁöÁ¤
___3. Ŭ·¡½º
___4. Ãß»ó Ŭ·¡½º
___5. ÀÎÅÍÆäÀ̽º
___6. ¸ðµâ
6Àå : ¾Þ±Ö·¯ ±âº»
___1. ¾Þ±Ö·¯ CLI ¼³Ä¡
___2. ÇÁ·ÎÁ§Æ® »ý¼º
___3. µ¥ÀÌÅÍ Á¤ÀÇ
___4. ÄÄÆ÷³ÍÆ® ¶óÀÌÇÁ»çÀÌŬ
___5. ¾Þ±Ö·¯ ÅÛÇø´ ¹®¹ý
___6. µð·ºÆ¼ºê
___7. À̺¥Æ® ó¸®
___8. Æû¹ÙÀεù
___9. ¾Þ±Ö·¯ ÄÄÆ÷³ÍÆ®
___10. ÄÄÆ÷³ÍÆ® Åë½Å
___11. ¼ºñ½º Á¤ÀÇ
___12. µ¥ÀÌÅÍ °øÀ¯
7Àå : Todo ¾ÖÇø®ÄÉÀ̼Ç
___1. ¾ÖÇø®ÄÉÀÌ¼Ç ¼Ò°³
___2. ÇÁ·ÎÁ§Æ® »ý¼º
___3. ÄÄÆ÷³ÍÆ® Á¤ÀÇ
___4. È¸é ±¸¼º
___5. µ¥ÀÌÅÍ Á¤ÀÇ
___6. À̺¥Æ® ó¸®
___7. ÄÄÆ÷³ÍÆ® Åë½Å
___8. ¼ºñ½º »ý¼º
___9. ¼ºñ½º Á¤ÀÇ
___10. µ¥ÀÌÅÍ ÀúÀå
___11. Todo ŸÀÔ Á¤ÀÇ
___12. Todo Ç׸ñ ¼öÁ¤
___13. ÆíÁý »óÅ üũ
___14. Todo Ç׸ñ ÄÄÆ÷³ÍÆ® Á¤ÀÇ
___15. Todo Ç׸ñ ¿Ï·á ó¸®
___16. °Ë»ö ÇÊÅ͸µ ÄÄÆ÷³ÍÆ® Á¤ÀÇ
___17. Todo Ç׸ñ ¾ÆÀ̵ð »ý¼º
8Àå : CRUD °Ô½ÃÆÇ
___1. °Ô½ÃÆÇ ¼Ò°³
___2. ÇÁ·ÎÁ§Æ® »ý¼º
___3. REST API ¼¹ö ±¸¼º
___4. ¶ó¿ìÅÍ Á¤ÀÇ
___5. ¼ºñ½º Á¤ÀÇ
___6. °Ô½Ã±Û µî·Ï
___7. °Ô½Ã±Û »ó¼¼º¸±â
___8. °Ô½Ã±Û ¸ñ·Ï
___9. °Ô½Ã±Û »èÁ¦
___10. °Ô½Ã±Û ¼öÁ¤
9Àå : ÆÄÀÏ °Ô½ÃÆÇ
___1. ÆÄÀϾ÷·Îµå ¼Ò°³
___2. ÇÁ·ÎÁ§Æ® »ý¼º
___3. REST API ¼¹ö ±¸¼º
___4. ¶ó¿ìÅÍ Á¤ÀÇ
___5. ¼ºñ½º Á¤ÀÇ
___6. ÆÄÀÏ ¾÷·Îµå
___7. ÆÄÀÏ °Ô½Ã±Û »ó¼¼º¸±â
___8. ÆÄÀÏ °Ô½Ã±Û ¸ñ·Ï
___9. ÆÄÀÏ °Ô½Ã±Û »èÁ¦
___10. ÆÄÀÏ °Ô½Ã±Û ¼öÁ¤
10Àå : ½ÇÀü ÇÁ·ÎÁ§Æ®
___1. ÇÁ·ÎÁ§Æ® ¼Ò°³
___2. ÇÁ·ÎÁ§Æ® »ý¼º
___3. REST API ¼¹ö ±¸¼º
___4. Ȩ ȸé
___5. ·¹À̾ƿô Á¤ÀÇ
___6. ·Î±×ÀΠȸé
___7. ÃÖÃÊ °ü¸®ÀÚ »ý¼º
___8. JWT ¼Ò°³
___9. ·Î±×ÀΠó¸®
___10. ·Î±×ÀÎ ¿©ºÎ È®ÀÎ
___11. ·Î±×ÀÎ »óÅ À¯Áö
___12. ·Î±×¾Æ¿ô ó¸®
___13. ÄÚµå±×·ì °ü¸®
___14. ÄÚµå °ü¸®
___15. ȸ¿ø°¡ÀÔ
___16. ȸ¿ø °ü¸®
___17. ȸ¿ø °Ô½ÃÆÇ
___18. °øÁö»çÇ×
___19. »óÇ° °ü¸®
___20. ÄÚÀÎ ÃæÀü
___21. »óÇ° ±¸¸Å
___22. °ø°³ ÀÚ·á½Ç
11Àå : ½ºÇÁ¸µ ºÎÆ® °³¹ßȯ°æ
___1. ÀÚ¹Ù ¼³Ä¡
___2. Spring Tools 4 ¼³Ä¡
___3. UTF-8 ¼³Á¤
12Àå : ½ºÇÁ¸µ ºÎÆ® ÇÁ·ÎÁ§Æ® »ý¼º
___1. ÇÁ·ÎÁ§Æ® »ý¼º
___2. ÇÁ·ÎÁ§Æ® ÆÄÀÏ ±¸¼º
___3. ÇÁ·ÎÁ§Æ® ½ÇÇà
___4. ½ºÇÁ¸µ MVC
___5. ½ºÇÁ¸µ MVC ±¸Á¶
___6. ½ºÇÁ¸µ ½ºÅ¸ÅÍ ÇÁ·ÎÁ§Æ® ÀÇÁ¸¼º
13Àå : ·Òº¹
___1. ·Òº¹ ¼³Ä¡
___2. ÀÚ¹ÙºóÁî
___3. ·Òº¹ ¾Ö³ÊÅ×À̼Ç
___4. @Getter¿Í @Setter
___5. @ToString
___6. @EqualsAndHashCode
___7. @NoArgsConstructor
___8. @RequiredArgsConstructor
___9. @AllArgsConstructor
___10. @Data
___11. @Builder
___12. @Slf4j
14Àå : REST
___1. REST ¼Ò°³
___2. REST API ¼³°è
___3. @RestController
___4. REST API Ŭ¶óÀ̾ðÆ®
___5. REST API ¹®¼È
15Àå : JSON
___1. JSON ¼Ò°³
___2. JSON ÀÚ·á ŸÀÔ
___3. JSON°ú Àڹ٠Ŭ·¡½º
16Àå : jQuery Ajax Åë½Å
___1. $.get()
___2. $.getJSON()
___3. $.post()
___4. $.ajax()
17Àå : ÄÁÆ®·Ñ·¯ ¿äû ¸ÅÇÎ
___1. ¿äû °æ·Î ¸ÅÇÎ
___2. °æ·Î ÆÐÅÏ ¸ÅÇÎ
___3. Http ¸Þ¼µå ¸ÅÇÎ
___4. Headers ¸ÅÇÎ
___5. Content Type ¸ÅÇÎ
___6. Accept ¸ÅÇÎ
18Àå : ÄÁÆ®·Ñ·¯ ÀÀ´ä
___1. void ŸÀÔ
___2. String ŸÀÔ
___3. ÀÚ¹ÙºóÁî Ŭ·¡½º ŸÀÔ
___4. Ä÷º¼Ç List ŸÀÔ
___5. Ä÷º¼Ç Map ŸÀÔ
___6. ResponseEntity ŸÀÔ
___7. ResponseEntity ŸÀÔ
___8. ResponseEntity<ÀÚ¹ÙºóÁî Ŭ·¡½º> ŸÀÔ
___9. ResponseEntity ŸÀÔ
___10. ResponseEntity