°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (25,650¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (18,900¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄÅ©Ä«µå 20% (21,600¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

Vue.js öÀú ÀÔ¹® : ±âÃʺÎÅÍ ½ÇÀü ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß±îÁö

¿øÁ¦ : VUE.JSìýÚ¦ Ðñõ¨ª«ªéãùô«¢«×«ê«±-«·«ç«óËÒÛ¡ªÞªÇ
¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

°øÀ¯Çϱâ
Á¤°¡

30,000¿ø

  • 27,000¿ø (10%ÇÒÀÎ)

    1,500P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
  • Ç°Àý 
  • ¹«·á¹è¼Û
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

  • ¿¬°üµµ¼­

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

Vue.js ÀÔ¹®¼­ °áÁ¤ÆÇ. Ãʺ¸ºÎÅÍ ½Ç¹«±îÁö ÀÌ Ã¥ ÇѱÇÀ¸·Î!

Vue.js´Â ±êÇãºê¿¡¼­ ¡®°¡Àå Àαâ ÀÖ´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·¹ÀÓ¿öÅ©¡¯·Î ²ÅÈú ¸¸Å­ ¸¹Àº ÁÖ¸ñÀ» ¹Þ°í ÀÖ´Â ±â¼úÀÔ´Ï´Ù. ¡¶Vue.js öÀú ÀÔ¹®¡·¿¡¼­´Â ÇÁ·±Æ® ¿£µå Ưȭ ¶óÀ̺귯¸® Áß¿¡¼­ °¡Àå Å« ÁöÁö¸¦ ¹Þ´Â Vue.js¸¦ Áß½ÉÀ¸·Î Çö´ëÀûÀÎ ÇÁ·±Æ® ¿£µå °³¹ßÀ» °æÇèÇØ º¼ ¼ö ÀÖ°Ô ±¸¼ºÇß½À´Ï´Ù.

»ç¿ëÇϱ⠽±°í Çö¾÷¿¡¼­ ¸¹ÀÌ »ç¿ëµÇ´Â Vue.js¸¦ Vue.js ÄÚ¾î ÆÀ ¸â¹ö°¡ ±âÃʺÎÅÍ ¾Ë±â ½±°Ô Á÷Á¢ ¼³¸íÇßÀ¸¸ç ½Ç¹«¿¡¼­ È°¿ëÇÒ ¼ö ÀÖ´Â ¼³°è ´É·Â ¹× ¾÷¹« ´É·ÂÀ» ÀÍÈú ¼ö ÀÖ°Ô µµ¿ÍÁÝ´Ï´Ù. ¼Ò±Ô¸ð ÇÁ·ÎÁ§Æ®¿¡ Àû¿ëÇÏ´Â ¿¹ºÎÅÍ jQuery¿¡¼­ ÀÌÁÖÇÏ´Â ¹æ¹ý, ´ë±Ô¸ð °³¹ßÀ» ¿°µÎ¿¡ µÐ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß ¹æ¹ý±îÁö ÀÌ Ã¥ ÇѱÇÀ¸·Î ±âÃʺÎÅÍ ½Ç¹«±îÁö öÀúÇÏ°Ô ¹è¿ï ¼ö ÀÖ½À´Ï´Ù.

¸ñÂ÷

¢Ã 01Àå: ÇÁ·Î±×·¹½Ãºê ÇÁ·¹ÀÓ¿öÅ© Vue.js
1.1 º¹ÀâÇØÁø ¸ð´ø À¥ ÇÁ·±Æ® ¿£µå °³¹ß
__1.1.1 À¥ÀÇ Åº»ý°ú À¥ ±â¹Ý ½Ã½ºÅÛÀÇ ¹ßÀü
__1.1.2 AjaxÀÇ µîÀå
__1.1.3 HTML5, Node.js, ES2015, React ÀÌÈÄÀÇ ¼¼°è
__1.1.4 ÇöÀçÀÇ ´ç¸é °úÁ¦¿Í Vue.js
1.2 Vue.jsÀÇ Æ¯Â¡
__1.2.1 ³·Àº ÇнÀ ºñ¿ë
__1.2.2 ÄÄÆ÷³ÍÆ® ÁöÇâÀ» ÅëÇÑ UI ±¸Á¶È­
__1.2.3 ¸®¾×Ƽºê µ¥ÀÌÅÍ ¹ÙÀεù
1.3 Vue.jsÀÇ ¼³°è »ç»ó
__1.3.1 ÇÁ·¹ÀÓ¿öÅ©ÀÇ º¹À⼺
__1.3.2 ¿ä±¸»çÇ×ÀÇ º¯È­¸¦ ¼ö¿ëÇÒ ¼ö ÀÖ´Â ÇÁ·¹ÀÓ¿öÅ©
1.4 ÇÁ·Î±×·¹½Ãºê ÇÁ·¹ÀÓ¿öÅ©°¡ Á¦°øÇÏ´Â ´Ü°èÀû ¿µ¿ª
__1.4.1 ¼±¾ðÀû ·»´õ¸µ(declaritive rendering)
__1.4.2 ÄÄÆ÷³ÍÆ® ½Ã½ºÅÛ
__1.4.3 Ŭ¶óÀ̾ðÆ® »çÀÌµå ¶ó¿ìÆÃ
__1.4.4 ´ë±Ô¸ð »óÅ °ü¸®
__1.4.5 ºôµå ½Ã½ºÅÛ
__1.4.6 Ŭ¶óÀ̾ðÆ®-¼­¹ö µ¥ÀÌÅÍ Æ۽ýºÅϽº
1.5 Vue.jsÀÇ ±â¹Ý ±â¼ú
__1.5.1 ÄÄÆ÷³ÍÆ® ½Ã½ºÅÛ
__1.5.2 ¸®¾×Ƽºê ½Ã½ºÅÛ
__1.5.3 ·»´õ¸µ ½Ã½ºÅÛ
1.6 Vue.js »ýÅ°è
1.7 Vue.js ù°ÉÀ½

¢Ã 02Àå: Vue.jsÀÇ ±âº» »ç¿ë¹ý
2.1 Vue.js·Î UI¸¦ °³¹ßÇÏ·Á¸é ¾î¶² ¹æ½ÄÀ¸·Î »ý°¢ÇØ¾ß Çϴ°¡
__2.1.1 ±âÁ¸ UI °³¹ßÀÇ ¹®Á¦Á¡
__2.1.2 Vue.js¸¦ ÀÌ¿ëÇÑ UI °³¹ß
2.2 Vue.js µµÀÔÇϱâ
2.3 Vue °´Ã¼
__2.3.1 »ý¼ºÀÚ
__2.3.2 ÄÄÆ÷³ÍÆ®
2.4 Vue ÀνºÅϽº ¸¶¿îÆ®Çϱâ
__2.4.1 Vue ÀνºÅϽºÀÇ Àû¿ë(el)
__2.4.2 ¸Þ¼­µå¸¦ ÀÌ¿ëÇÑ ¸¶¿îÆ®($mount ¸Þ¼­µå)
2.5 UI µ¥ÀÌÅÍ Á¤ÀÇ(data)
__2.5.1 Vue ÀνºÅϽº È®ÀÎÇϱâ
__2.5.2 µ¥ÀÌÅÍ º¯°æ ŽÁöÇϱâ
2.6 ÅÛÇø´ ¹®¹ý
__2.6.1 ÅؽºÆ®·Î Àü°³Çϱâ
__2.6.2 ¼Ó¼º°ª Àü°³Çϱâ
__2.6.3 ÀÚ¹Ù½ºÅ©¸³Æ® Ç¥Çö½Ä Àü°³Çϱâ
2.7 ÇÊÅÍ
2.8 °è»ê ÇÁ·ÎÆÛƼ(computed)
__2.8.1 this ÂüÁ¶Çϱâ
__2.8.2 ¿¹Á¦ ¾ÖÇø®ÄÉÀÌ¼Ç ±¸ÇöÇϱâ
2.9 µð·ºÆ¼ºê
__2.9.1 Á¶°Ç¿¡ µû¸¥ ·»´õ¸µ(v-if, v-show)
__2.9.2 Ŭ·¡½º¿Í ½ºÅ¸ÀÏ ¿¬°áÇϱâ
__2.9.3 ¸®½ºÆ® ·»´õ¸µÇϱâ(v-for)
__2.9.4 À̺¥Æ® Çڵ鸵(v-on)
__2.9.5 Æû ÀÔ·Â ¹ÙÀεù(v-model)
2.10 »ý¾ÖÁÖ±â ÈÅ
__2.10.1 »ý¾ÖÁÖ±â ÈÅÀÇ Á¾·ù¿Í È£Ãâ ½ÃÁ¡
__2.10.2 created ÈÅ
__2.10.3 mounted ÈÅ
__2.10.4 beforeDestroy ÈÅ
2.11 ¸Þ¼­µå
__2.11.1 À̺¥Æ® °´Ã¼
__2.11.2 ¿¹Á¦¿¡ ¸Þ¼­µå È£Ãâ Àû¿ëÇϱâ

¢Ã 03Àå: ÄÄÆ÷³ÍÆ®ÀÇ ±âÃÊ
3.1 ÄÄÆ÷³ÍÆ®¶õ ¹«¾ùÀΰ¡?
__3.1.1 ¸ðµç °ÍÀº UI ÄÄÆ÷³ÍÆ®·Î
__3.1.2 ÄÄÆ÷³ÍÆ®ÀÇ ÀåÁ¡°ú ÁÖÀÇÇÒ Á¡
__3.1.3 Vue.jsÀÇ ÄÄÆ÷³ÍÆ® ½Ã½ºÅÛ
3.2 Vue ÄÄÆ÷³ÍÆ® Á¤ÀÇÇϱâ
__3.2.1 Àü¿ª ÄÄÆ÷³ÍÆ® Á¤ÀÇÇϱâ
__3.2.2 »ý¼ºÀÚ¸¦ »ç¿ëÇؼ­ ÄÄÆ÷³ÍÆ® Á¤ÀÇÇϱâ
__3.2.3 Áö¿ª ÄÄÆ÷³ÍÆ® Á¤ÀÇÇϱâ
__3.2.4 ÅÛÇø´À» ¸¸µå´Â ±× ¿ÜÀÇ ¹æ¹ý
__3.2.5 ÄÄÆ÷³ÍÆ® »ý¾ÖÁÖ±â
__3.2.6 ÄÄÆ÷³ÍÆ® µ¥ÀÌÅÍ
3.3 ÄÄÆ÷³ÍÆ® °£ Åë½Å
__3.3.1 ºÎ¸ð ÄÄÆ÷³ÍÆ®¿¡¼­ ÀÚ½Ä ÄÄÆ÷³ÍÆ®·Î µ¥ÀÌÅÍ Àü´ÞÇϱâ
__3.3.2 ÀÚ½Ä ÄÄÆ÷³ÍÆ®¿¡¼­ ºÎ¸ð ÄÄÆ÷³ÍÆ®·Î µ¥ÀÌÅÍ Àü´ÞÇϱâ
3.4 ÄÄÆ÷³ÍÆ® ¼³°è
__3.4.1 ÄÄÆ÷³ÍÆ®¸¦ ºÐÇÒÇÏ´Â ¿øÄ¢
__3.4.2 ÄÄÆ÷³ÍÆ® ¼³°èÇϱâ
__3.4.3 ½½·Ô ÄÜÅÙÃ÷¸¦ »ì¸° Çì´õ ÄÄÆ÷³ÍÆ® ±¸ÇöÇϱâ
__3.4.4 ·Î±×ÀÎÆû ÄÄÆ÷³ÍÆ® ±¸ÇöÇϱâ

¢Ã 04Àå: Vue Router¸¦ È°¿ëÇÑ ¾ÖÇø®ÄÉÀÌ¼Ç °³¹ß
4.1 Vue Router¸¦ ÀÌ¿ëÇÑ ´ÜÀÏ ÆäÀÌÁö ¾ÖÇø®ÄÉÀ̼Ç
__4.1.1 Vue Router¶õ ¹«¾ùÀΰ¡
4.2 ±âÃÊ ¶ó¿ìÆÃ
__4.2.1 ¶ó¿ìÅÍ ¼³Ä¡Çϱâ
__4.2.2 ¶ó¿ìÆà ¼³Á¤
4.3 ½Ç¿ëÀûÀÎ ¶ó¿ìÆÃÀ» ±¸ÇöÇϱâ À§ÇÑ ±â´É
__4.3.1 URL ÆĶó¹ÌÅ͸¦ ó¸®ÇÏ´Â ¹æ¹ý°ú ÆÐÅÏ ¸ÅĪ
__4.3.2 À̸§À» °¡Áø ¶ó¿ìÆ®
__4.3.4 router.push¸¦ »ç¿ëÇÑ ÆäÀÌÁö À̵¿
__4.3.4 ÈÅ ÇÔ¼ö
4.4 ¿¹Á¦ ¾ÖÇø®ÄÉÀÌ¼Ç ±¸ÇöÇϱâ
__4.4.1 ¸®½ºÆ® ÆäÀÌÁö ±¸ÇöÇϱâ
__4.4.2 API¿Í Åë½ÅÇϱâ
__4.4.3 »ó¼¼ Á¤º¸ ÆäÀÌÁö ±¸ÇöÇϱâ
__4.4.4 »ç¿ëÀÚ µî·Ï ÆäÀÌÁö ±¸ÇöÇϱâ
__4.4.5 ·Î±×ÀÎ/·Î±×¾Æ¿ô ±¸ÇöÇϱâ
__4.4.6 ¿¹Á¦ ¾ÖÇø®ÄÉÀÌ¼Ç Àüü ÄÚµå
4.5 Vue RouterÀÇ °í±Þ ±â´É
__4.5.1 Router ÀνºÅϽº¿Í Route °´Ã¼
__4.5.2 Áßø ¶ó¿ìÆÃ
__4.5.3 ¸®´ÙÀÌ·º¼Ç°ú ¾Ù¸®¾î½Ì
__4.5.4 È÷½ºÅ丮 °ü¸®

¢Ã 05Àå: Vue.jsÀÇ °í±Þ ±â´É
5.1 Æ®·£Áö¼Ç ¾Ö´Ï¸ÞÀ̼Ç
__5.1.1 transition ·¡ÆÛ ÄÄÆ÷³ÍÆ®
__5.1.2 Æ®·£Áö¼Ç Ŭ·¡½º
__5.1.3 fade Æ®·£Áö¼Ç ±¸ÇöÇϱâ
__5.1.4 ÀÚ¹Ù½ºÅ©¸³Æ® ÈÅ
5.2 ½½·Ô
__5.2.1 ´ÜÀÏ ½½·Ô
__5.2.2 À̸§À» °®´Â ½½·Ô
__5.2.3 ½½·ÔÀÇ ¹üÀ§
5.3 »ç¿ëÀÚ Á¤ÀÇ µð·ºÆ¼ºê
__5.3.1 »ç¿ëÀÚ Á¤ÀÇ µð·ºÆ¼ºê Á¤ÀÇÇϱâ
__5.3.2 µð·ºÆ¼ºê Á¤ÀÇ °´Ã¼
__5.3.3 ÈÅ ÇÔ¼öÀÇ ÀÎÀÚ
__5.3.4 image-fallback µð·ºÆ¼ºê¿¡ ±â´É Ãß°¡Çϱâ
5.4 ·»´õ¸µ ÇÔ¼ö
__5.4.1 ·»´õ¸µ ÇÔ¼ö ¾øÀÌ´Â ±¸ÇöÀÌ ±î´Ù·Î¿î »ç·Ê
__5.4.2 ·»´õ¸µ ÇÔ¼öÀÇ È¿À²¼º
__5.4.3 createElement ÇÔ¼ö
5.5 ¹Í½ºÀÎ
__5.5.1 ¹Í½ºÀÎÀ¸·Î ±â´É Àç»ç¿ëÇϱâ
__5.5.2 Àü¿ª ¹Í½ºÀÎ

¢Ã 06Àå: ´ÜÀÏ ÆÄÀÏ ÄÄÆ÷³ÍÆ®¸¦ È°¿ëÇÑ °³¹ß
6.1 ÇÊ¿äÇÑ µµ±¸ ¼³Ä¡Çϱâ
__6.1.1 Vue CLI
6.2 ´ÜÀÏ ÆÄÀÏ ÄÄÆ÷³ÍÆ®¶õ?
6.3 ´ÜÀÏ ÆÄÀÏ ÄÄÆ÷³ÍÆ®ÀÇ Çü½Ä
__6.3.1