vue.js °³¹ßȯ°æ ¼ÂÆÃ
¸ÕÀú Vue.js ¸¦ ¾²±âÀ§ÇØ °³¹ßȯ°æÀ» ¼ÂÆÃÇؾßÇÑ´Ù.
¸ÕÀú Å©·ÒÀ» ½á¾ßÇÑ´Ù. Å©·Ò ´Ù¿î¹æ¹ýÀº µû·Î ¼³¸íÇÏÁö ¾Ê°Ú´Ù.
´ÙÀ½ ¾ÆÅè(Atom)À̶ó´Â ÅؽºÆ® ¿¡µðÅ͸¦ ¼³Ä¡ÇØÁØ´Ù.
¾ÆÅèÀº ±êÇãºê¿¡¼ Á¦ÀÛÇÑ ¹«·á ÅؽºÆ® ¿¡µðÅÍ·Î À¯·á °³¹ß µµ±¸¿Í
ºñ±³ÇßÀ» ¶§ ¾ÆÅèÀº ÀÏ´Ü ¹«·áÀÏ »Ó¸¸ ¾Æ´Ï¶ó È®Àå Ç÷¯±×ÀεéÀ»
ÀÌ¿ëÇÏ¿© À¯¿ëÇÑ ±â´ÉµéÀ» Ãß°¡ÇÒ ¼ö Àֱ⠶§¹®¿¡ ±â´É ¸é¿¡¼µµ ¿ì¼öÇÏ¿©
À¯·á °³¹ß µµ±¸¿¡ µÚÁöÁö ¾Ê´Â´Ù. ¶ÇÇÑ ±êÇãºê¿¡¼ ²ÙÁØÈ÷ ¿¡µðÅÍÀÇ ¼º´ÉÀ»
°³¼±ÇØ ³ª°¡°í Àֱ⠶§¹®¿¡ ¹Ï°í »ç¿ëÇÒ ¼ö ÀÖ´Â °³¹ß µµ±¸ÀÌ´Ù.
¸ÕÀú ±¸±Û¿¡ atomÀ» °Ë»öÇÏ¿© »çÀÌÆ®¿¡ µé¾î°£ÈÄ
´Ù¿î ¹ÞÀ»¼ö ÀÖ´Ù. ´ÙÀ½ ¾ÆÅèÀ» ½ÇÇàÇغ¸ÀÚ.
¸ÕÀú ¾ÆÅè¿¡¼ File -> Settings µé¾î°¡¼ Å׸¶¸¦ ´Ù¿î¹Þ¾Æº¸µµ·Ï ÇÏÀÚ
¾Æ·¡ÀÇ À̹ÌÁö¿¡¼ InstallÀ» ´©¸¥ÈÄ
°Ë»öâ¿¡ atom-material-syntax-dark ¸¦ Ä£ÈÄ Themes¸¦ ´©¸£ÀÚ
´ÙÀ½ ¾Æ·¡ÀÇ À̹ÌÁöó·³ Install ÇÑ´Ù.
´ÙÀ½ seti-uiµµ ¶È°°ÀÌ ÇØÁØ´Ù.
´ÙÀ½ ¾Æ·¡ À̹ÌÁöó·³ Setting ¿¡¼ Themes ÅÇ¿¡¼
UI Theme ÅÇÀ» ´©¸¥ÈÄ ¹æ±Ý ´Ù¿î¹ÞÀ½ Seti Àû¿ë½ÃÄÑÁØ´Ù.
´ÙÀ½ UI Theme ¹Ø¿¡ Syntax Theme ¿¡¼ Atom Material Dark ¼³Á¤ÇÑ´Ù.
´ÙÀ½ ´Ù½Ã °Ë»öâ¿¡ language-vue °Ë»öÈÄ Packages ´©¸¥ÈÄ Install ÇÑ´Ù.
´ÙÀ½ ¾Æ·¡ÀÇ À̹ÌÁöó·³ OpenConfig Folder ´©¸¥ÈÄ
ÇÁ·ÎÁ§Æ®¶õ¿¡ ¸¶¿ì½º ¿ìŬ¸¯ÈÄ »õ·Î¿î ÆÄÀÏÀ»
¸¸µçÈÄ Main.vueÆÄÀÏÀ» »ý¼ºÇÑ´Ù.
´ÙÀ½ Main.Vue¿¡¼ tem À» Ä¡¸é ¾Æ·¡¿Í°°ÀÌ ÀÚµ¿¿Ï¼º ±â´ÉÀÌ
»ý±ä°É È®ÀÎÇÒ¼ö ÀÖ´Ù.
´ÙÀ½ Node.js¸¦ ¼³Ä¡ÇÏÀÚ ÁÖ¼Òâ¿¡ nodejs.org¸¦ Ãļ µé¾î°¥¼ö ÀÖ´Ù.
´ÙÀ½ (2018/3/28 ±âÁØ) 8.10.0 ¹öÀüÀÇ LTS¸¦ ´Ù¿î¹Þ´Â´Ù.
ÀÌÁ¦ ´Ù¿î¹ÞÀº Node.js ÀÀ¿ëÇÁ·Î±×·¥À» ¼³Ä¡ÇØÁØ´Ù ¶óÀ̼¾½º µ¿ÀÇ ÇÏ°í Next ´·¯ÁÖ¸ç
¼³Ä¡¸¦ ÇÑ´Ù. ³ª°°Àº °æ¿ì °æ·Î¸¦ C ¿¡ User ¿¡ ´Ù¿î¹Þ¾Ò´Ù.
´ÙÀ½ ³ëµåÁ¦ÀÌ¿¡½º°¡ Á¦´ë·Î ¼³Ä¡Çß´ÂÁö È®ÀÎÀ» À§ÇØ
cmd â¿¡ node -v¸¦ ÀÔ·ÂÇÏ¿© ¹öÀüÈ®ÀÎÀ» ÇÑ´Ù.
À©µµ¿ì10ÀÌ ¾Æ´Ñ°æ¿ì ¼³Ä¡¹ÞÀº node.js Æú´õ¿¡¼ Shift¸¦ ´©¸¥ »óÅ¿¡¼
¸¶¿ì½º ¿ìŬ¸¯ÇÏ¿© ¿©±â¼¸í·É⿱⠸¦ ÀÌ¿ëÇØ ÇØ´ç Æú´õÀÇ
¸í·ÉÇÁ·ÒÇÁƮâÀ» ¿¼ö ÀÖÁö¸¸ À©µµ¿ì10Àº ¾øÀ¸¹Ç·Î
cmd ¿¡¼ Á÷Á¢ cd node.js ¸¦ ÀÔ·ÂÇÏ¿© °æ·Î¸¦ À̵¿ÇØÁØ´Ù.
´ÙÀ½ ºä °³¹ßÀÚ µµ±¸¸¦ ¼³Ä¡ÇØÁØ´Ù.
±¸±Û¿¡ vue.js devtools ¸¦ ÀÔ·ÂÇÏ¿© ù¹ø° ¸µÅ© »çÀÌÆ®
µé¾î°£ÈÄ ¼³Ä¡ÇÑ´Ù. ¾Æ¸¶ Å©·ÒÀÇ Ç÷¯±×ÀÎ ½ºÅä¾î·Î À̵¿µÉ°ÍÀÌ´Ù.
¿ìÃø »ó´ÜÀÇ CHROME¿¡Ãß°¡ ´©¸¥ÈÄ È®ÀåÇÁ·Î±×·¥Ãß°¡¸¦ ´·¯ÁÖÀÚ
¾Æ·¡Ã³·³ Å©·Ò ¿ìÃø»ó´Ü¿¡ ºä ·Î°í ¸ð¾çÀÇ ¾ÆÀÌÄÜÀÌ »ý±æ°ÍÀÌ´Ù.
'Vue.js' Ä«Å×°í¸®ÀÇ ´Ù¸¥ ±Û
ºä ÄÄÆ÷³ÍÆ®°£ Åë½Å(props) (0) | 2018.03.30 |
---|---|
ºä ÄÄÆ÷³ÍÆ® (0) | 2018.03.30 |
ºä ÀνºÅϽº (0) | 2018.03.30 |
Hello Vue.js! ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ (0) | 2018.03.30 |
Vue.js °³¹ßȯ°æ ¼ÂÆÃÇϱâ (0) | 2018.03.28 |
Vue.js ¶õ? (0) | 2018.03.16 |