ÄÁÅÙÃ÷»ó¼¼º¸±â

Vue.js ù°ÉÀ½
Vue.js ù°ÉÀ½
  • ÀúÀÚÀÌÁöÈ£ Àú
  • ÃâÆÇ»çÇѺû¹Ìµð¾î
  • ÃâÆÇÀÏ2018-04-13
  • µî·ÏÀÏ2019-03-04
º¸À¯ 2, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 11, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

¾Þ±Ö·¯¿Í ¸®¾×Æ®ÀÇ ÀåÁ¡À» °áÇÕÇÑ ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©

¾Þ±Ö·¯³ª ¸®¾×Æ® µîÀÇ ÇÁ·±Æ®¿£µå ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©´Â ¹öÀü º¯È­µµ ºü¸£°í, ¹è¿ì°í Àͼ÷ÇØÁö´Â µ¥ ÀûÁö ¾ÊÀº ½Ã°£À» µé¿©¾ß ÇÕ´Ï´Ù. À̸¦ ÇØ°áÇÏ°íÀÚ ¾Þ±Ö·¯¿Í ¸®¾×Æ®ÀÇ ÀåÁ¡¸¸À» ´ã¾Æ ¸¸µç °ÍÀÌ Vue.jsÀÔ´Ï´Ù. »õ·Î¿î À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÀÇ È¿À²¼ºÀ» ³ôÀÌ´Â °Ç ¹°·ÐÀÌ°í ±âÁ¸ ÇÁ·ÎÁ§Æ®¿¡ Àû¿ëÇÒ ¼öµµ ÀÖ½À´Ï´Ù.

ÀÌ Ã¥Àº À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ßÀÚ°¡ Vue.js¸¦ ºü¸£¸é¼­µµ Á¦´ë·Î ÀÍÈú ¼ö ÀÖµµ·Ï ²Ä²ÄÇÏ°Ô ¼³¸íÇÕ´Ï´Ù. ƯÈ÷ Ã¥¿¡¼­ ´Ù·ç´Â ¿¹Á¦ ÄÚµå´Â À¥ °³¹ßÀ» ÇÏ´Ù°¡ ÇÊ¿äÇÑ ºÎºÐ¿¡ ¹Ù·Î ÀÀ¿ëÇØ »ç¿ëÇÒ ¼ö ÀÖ°Ô²û ±¸¼ºÇß½À´Ï´Ù. Æò¼Ò ÀÚ¹Ù½ºÅ©¸³Æ® À¥ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß¿¡ ¾î·Á¿òÀ» °Þ¾ú´ø »ç¶÷¿¡°Ô ÀÌ Ã¥À» ÃßõÇÕ´Ï´Ù.

¸ñÂ÷


CHAPTER 1 Vue.js ¼Ò°³
__1.1 Vue.jsÀǠź»ý ¹è°æ
__1.2 °¡»ó DOM ¹æ½Ä
__1.3 Vue.jsÀÇ ÀåÁ¡
__1.4 Vue.js È°¿ë

CHAPTER 2 Vue.js °³¹ß È¯°æ 
__2.1 ¹èÆ÷¿ë ¹öÀü°ú °³¹ß¿ë ¹öÀü
__2.2 npm°ú vue-cli ¼³Ä¡
__2.3 ºôµå µµ±¸
__2.4 ¸¶Ä¡¸ç

CHAPTER 3 Vue.jsÀÇ ÁÖ¿ä °³³ä
__3.1 Vue.js ÇÁ·Î±×·¥ÀÇ ¶óÀÌÇÁ»çÀÌŬ
__3.2 ÀνºÅϽº¿Í ÄÄÆ÷³ÍÆ®
__3.3 ÅÛÇø´
__3.4 ¿É¼Ç, »óÅÂ, µ¥ÀÌÅÍ
__3.5 °¨½ÃÀÚ
__3.6 ·»´õ¸µ
__3.7 À̺¥Æ® Çڵ鸵
__3.8 µ¥ÀÌÅÍ ¹ÙÀεù°ú Æû ÀԷ ¹ÙÀεù
__3.9 µð·ºÆ¼ºê¿Í º¸°£¹ý
__3.10 Ã¹ Vue.js ÇÁ·Î±×·¥
__3.11 ¸¶Ä¡¸ç

CHAPTER 4 Vue.js API
__4.1 ¿É¼Ç
__4.2 ÀνºÅϽº ¼Ó¼º
__4.3 ÀνºÅϽº À̺¥Æ® ¸Þ¼­µå
__4.4 ¶óÀÌÇÁ»çÀÌŬ À̺¥Æ® ÈÅ
__4.5 ¶óÀÌÇÁ»çÀÌŬ ¸Þ¼­µå
__4.6 ¸¶Ä¡¸ç

CHAPTER 5 ÅÛÇø´ ¹®¹ý
__5.1 ¼±¾ðÀû ·»´õ¸µ
__5.2 ¹®ÀÚ¿­ º¸°£¹ý
__5.3 ¼Ó¼º º¸°£¹ý
__5.4 ÀÏȸ¼º º¸°£¹ý
__5.5 HTML º¸°£¹ý
__5.6 ÅÛÇø´ ¹®¹ý¿¡¼­ »ç¿ëÇϴ µð·ºÆ¼ºê
__5.7 ÇÊÅÍ
__5.8 ÀÚÁÖ »ç¿ëÇϴ »ç¿ëÀÚÈ­ ÇÊÅÍ
__5.9 ¸¶Ä¡¸ç

CHAPTER 6 ¹Ýº¹ ·»´õ¸µ
__6.1 ¹Ýº¹ ·»´õ¸µ¿¡¼­ »ç¿ëÇϴ µð·ºÆ¼ºê
__6.2 ¹è¿­ º¯°æ °¨Áö ¸Þ¼­µå
__6.3 ÇÊÅ͸µ°ú Á¤·Ä Àû¿ë
__6.4 ¸¶Ä¡¸ç

CHAPTER 7 Á¶°ÇºÎ ·»´õ¸µ
__7.1 Á¶°ÇºÎ ·»´õ¸µ¿¡¼­ »ç¿ëÇϴ µð·ºÆ¼ºê
__7.2 v-if¿Í v-for µð·ºÆ¼ºêÀÇ Â÷ÀÌÁ¡
__7.3 ¸¶Ä¡¸ç

CHAPTER 8 °è»êµÈ ¼Ó¼º°ú °¨½ÃÀÚ
__8.1 °è»êµÈ ¼Ó¼º
__8.2 Ä³½Ì°ú ¸Þ¼­µå
__8.3 computed ¼Ó¼º¿¡ ¼¼ÅÍ¿Í °ÔÅÍ ¸Þ¼­µå Ãß°¡
__8.4 °¨½ÃÀÚ
__8.5 computed ¼Ó¼º°ú watch ¼Ó¼ºÀÇ ºñ±³
__8.6 ¸¶Ä¡¸ç

CHAPTER 9 Å¬·¡½º¿Í ½ºÅ¸ÀÏ ¹ÙÀεù
__9.1 CSS Å¬·¡½º ¹ÙÀεù
__9.2 ÀζóÀΠ½ºÅ¸ÀÏ ¹ÙÀεù
__9.3 ¸¶Ä¡¸ç

CHAPTER 10 À̺¥Æ® ¸®½º³Ê¿Í À̺¥Æ® ¼ö½Ä¾î
__10.1 À̺¥Æ® ¸®½º´×
__10.2 Æû À̺¥Æ® ¸®½º³Ê
__10.3 ¸Þ¼­µå À̺¥Æ® ¸®½º³Ê
__10.4 ÀζóÀΠ¸Þ¼­µå ¸®½º³Ê
__10.5 À̺¥Æ® ¼ö½Ä¾î
__10.6 Å° ¼ö½Ä¾î
__10.7 ¸¶¿ì½º ¹öÆ° ¼ö½Ä¾î
__10.8 ½Ã½ºÅÛ ¼ö½Ä¾î Å°
__10.9 ¸¶Ä¡¸ç

CHAPTER 11 Æû ÀԷ ¹ÙÀεù
__11.1 ÇÑ ÁÙ ¹ÙÀεù
__11.2 ¿©·¯ ÁÙ ¹ÙÀεù
__11.3 checkbox ¿¤¸®¸ÕÆ® ¹ÙÀεù
__11.4 radio ¿¤¸®¸ÕÆ® ¹ÙÀεù
__11.5 select ¿¤¸®¸ÕÆ® ¹ÙÀεù
__11.6 °ª ¹ÙÀεù
__11.7 text ¿¤¸®¸ÕÆ®ÀÇ ¼ö½Ä¾î
__11.8 ¸¶Ä¡¸ç

CHAPTER 12 ÄÄÆ÷³ÍÆ®
__12.1 ÄÄÆ÷³ÍÆ®´Â ¹«¾ùÀΰ¡¿ä
__12.2 ÄÄÆ÷³ÍÆ® »ç¿ëÇϱâ
__12.3 ½Ì±Û ÄÄÆ÷³ÍÆ® ÆÄÀÏ
__12.4 ÄÄÆ÷³ÍÆ®¿¡ props ¿É¼ÇÀ¸·Î prop ¼Ó¼º ¸ñ·Ï Àü´Þ
__12.5 »ç¿ëÀÚÈ­ À̺¥Æ®
__12.6 ½½·ÔÀ» »ç¿ëÇÑ ÄÜÅÙÃ÷ ¹èÆ÷
__12.7 ¸¶Ä¡¸ç

CHAPTER 13 »óÅ °ü¸®
__13.1 »óÅ °ü¸®´Â ¹«¾ùÀΰ¡¿ä
__13.2 ½ÃÀÛÇϱâ
__13.3 ÇٽɠÄÁ¼Á
__13.4 ¾ÖÇø®ÄÉÀ̼Ǡ±¸Á¶
__13.5 Ç÷¯±×ÀÎ
__13.6 ¸¶Ä¡¸ç

CHAPTER 14 ¶ó¿ìÆðú HTTP Åë½Å
__14.1 Vue.js ÇÁ·Î±×·¥ÀÇ HTTP Åë½Å
__14.2 vue-router¸¦ »ç¿ëÇØ SPA ÇÁ·Î±×·¥ ÀÛ¼º
__14.3 ¸¶Ä¡¸ç

APPENDIX A À¥ °³¹ß º¸Á¶ ÇÁ·Î±×·¥
__A.1 Insomnia REST Client
__A.2 WebStorm ÇÁ·Î±×·¥

APPENDIX B ´õ ¾Ë¾Æº¸±â
__B.1 ¼­¹ö »çÀ̵堷»´õ¸µ
__B.2 ´ÜÀ§ Å×½ºÆÃ
__B.3 ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©¿ÍÀÇ ºñ±³
__B.4 ÆÄÀ̽ãÀ» »ç¿ëÇØ Node.js È¯°æ ±¸¼ºÇϱâ

ÇÑÁÙ ¼­Æò