ÀÌ Ã¥Àº Vue.js¸¦ ÀÌ¿ëÇÏ¿© ÇÁ·ÐÆ®¿£µå¸¦ °³¹ßÇÏ°í, Node.js·Î MySQL µ¥ÀÌŸº£À̽º¸¦ »ç¿ëÇÏ´Â REST API ¸¦ ±¸ÃàÇÏ¿© ½Ç¹«¿ë À¥»çÀÌÆ®¸¦ ¸¸µå´Â °úÁ¤¿¡ ´ëÇؼ ¼³¸íÇÏ°í ÀÖ½À´Ï´Ù. ÀÌ Ã¥Àº ±âº»ÀûÀÎ HTML, CSS, Javascript¸¦ ÀÍÈù °³¹ßÀÚ¸¦ ´ë»óÀ¸·Î ÀÛ¼ºÇÏ¿´À¸¸ç ½ÇÁ¦ »çÀÌÆ®¸¦ ¸¸µå´Â °úÁ¤¿¡¼ ¾î¶»°Ô Àû¿ëÇÏ´ÂÁö ÇÁ·ÎÁ§Æ®¸¦ ÁøÇàÇÏ¸é¼ ¼³¸íÇÏ°í ÀÖ½À´Ï´Ù.
Â÷·Ê
1. ÇÁ·ÎÁ§Æ®¸¦ ½ÃÀÛÇϱâÀü¿¡
2. ¾î¶² À¥»çÀÌÆ®¸¦ ¸¸µé°ÍÀÎÁö Á¤¸®Çغ¸ÀÚ
°¡. À¥»çÀÌÆ® ±â´ÉÁ¤ÀǼ
³ª. REST API ¸í¼¼¼
´Ù. DB Å×ÀÌºí ¸í¼¼¼
¶ó. °³¹ß ¸í¼¼¼
3. ÇÁ·ÎÁ§Æ®¸¦ ½ÃÀÛÇÒ Áغñ¸¦ ÇÏÀÚ
°¡. Vue.js ÇÁ·ÎÁ§Æ® »ý¼º
³ª. git ·çÆ® µð·ºÅ丮 º¯°æ
´Ù. Node.js ÇÁ·ÎÁ§Æ® »ý¼º
4. DB Å×À̺íÀ» »ý¼ºÇÏ°í, ±âÃÊ Äڵ带 ÀÛ¼ºÇÏÀÚ
°¡. ÇÊ¿äÇÑ DB Å×ÀÌºí »ý¼º
³ª. ¹é¿£µå ¾îÇø®ÄÉÀÌ¼Ç ±¸µ¿¿¡ ÇÊ¿äÇÑ Core ÆÄÀÏ°ú configÆÄÀÏ ÀÛ¼º
´Ù. Vue.js ±âº» ¼³Á¤
5. Vue.jsÀÇ ±âº»±¸Á¶¸¦ »ìÆ캸ÀÚ
°¡. Vue.jsÀÇ ±¸Á¶
³ª. HTML ±¸Á¶
´Ù. ½ºÅ¸ÀÏ ¿µ¿ª
¶ó. ½ºÅ©¸³Æ® ¿µ¿ª
6. SQL Äõ¸®¹® ±âÃÊ
°¡. SELECT
³ª. INSERT
´Ù. UPDATE
¶ó. DELETE
7. ȸ¿ø°¡ÀÔ ÆäÀÌÁö¸¦ ¸¸µé¾î º¸ÀÚ.
°¡. ȸ¿ø°¡ÀÔ ÆäÀÌÁö¸¦ ¸¸µé¾îº¸ÀÚ
³ª. ¼¹ö»çÀ̵忡¼ÀÇ È¸¿ø°¡ÀÔ Ã³¸®
8. ·Î±×Àΰú ·Î±×¾Æ¿ôÀ» ¸¸µéÀÚ
°¡. ·Î±×ÀΠó¸® ·ÎÁ÷
³ª. ·Î±×ÀÎ ÆäÀÌÁö ÀÛ¼ºÇϱâ
³ª. ¼¹ö»çÀ̵忡¼ÀÇ ·Î±×ÀΠó¸®
´Ù. ¹Ìµé¿þ¾î¸¦ ÀÌ¿ëÇÑ JWT ó¸®
¶ó. ÇÁ·ÐÆ®¿£µå¿¡¼ JWTó¸®
¶ó. ·Î±×¾Æ¿ô ó¸®Çϱâ
9. °Ô½ÃÆÇÀ» ¸¸µé¾îº¸ÀÚ 1
°¡. °Ô½ÃÆÇÀ» À§ÇÑ ¶ó¿ìÆ® ¼³Á¤
³ª. ÁßøµÈ ¶ó¿ìÆ®¸¦ ÀÌ¿ëÇÑ ÆäÀÌÁö ¸¸µé±â
´Ù. °Ô½Ã±Û ¸ñ·Ïº¸±âÀÇ ½ºÅ²È, ÄÄÆ÷³ÍÆ® µ¿Àû ·Îµå
¶ó. ¼¹ö»çÀ̵忡¼ °Ô½Ã±Û ¸ñ·Ï ÀÀ´äÇϱâ
10. °Ô½ÃÆÇÀ» ¸¸µé¾îº¸ÀÚ 2
°¡. Àç»ç¿ë °¡´ÉÇÑ ÄÄÆ÷³ÍÆ®¸¦ ¸¸µé¾î º¸ÀÚ.
³ª. °Ô½Ã±Û ÀÛ¼º ÆäÀÌÁö
´Ù. ¼¹ö»çÀÌµå ¿¡¼ÀÇ ÆÄÀÏ ¾÷·Îµå ó¸®
¶ó. ¼¹ö»çÀ̵忡¼ °Ô½Ã±Û ÀÛ¼º¿¡ °üÇÑ Ã³¸®
11. °Ô½ÃÆÇÀ» ¸¸µé¾îº¸ÀÚ 3
°¡. °Ô½Ã±Û ³»¿ëº¸±â ÆäÀÌÁö
³ª. °Ô½Ã±ÛÀÇ Á¶È¸¼ö ó¸®Çϱâ
´Ù. ¼öÁ¤,»èÁ¦ ±â´ÉÀ» ³Ö¾îº¸ÀÚ.
Á÷Á¢ ±¸ÇöÇغ¸±â) ´ñ±Û ±â´ÉÀ» ³Ö¾îº¸ÀÚ
Á÷Á¢ ±¸ÇöÇغ¸±â) °Ô½ÃÆÇÀÇ ±ÇÇÑÀ» ó¸®ÇØ º¸ÀÚ
12. ³»Á¤º¸ ÆäÀÌÁö¿Í ³×ºñ°ÔÀÌ¼Ç °¡µå
13. ¸±¸®Áî ¼¹ö¿¡ ¹èÆ÷ÇÏÀÚ
°¡. ¸±¸®Áî ¼¹ö¿¡¼ÀÇ ±¸µ¿
³ª. PM2 ¸¦ ÀÌ¿ëÇÑ Node.js ¾îÇø®ÄÉÀÌ¼Ç ±¸µ¿
14. ÀÌ Ã¥À» ¸¶Ä¡¸ç