44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
현재 터미널에 cmd랑 powershell이 있습니다.
노드 버전을 확인하는데 cmd에서는 안되고 powershell에서는 되구여. powershell에서 노드 버전이 확인되어서 vue-cli 설치를 powershell에서 하려고 하니까 또 안되더라구여. 그래서 cmd에서 해보니까 설치가 완료되긴 하는데 오류가 조금 나더라구여. 동영상에서는 bash라는 걸로 한번에 버전확인도 하고 설치도 하시는데 저 같은 경우엔 두개로 나뉘어 있기도 하고 설치시 오류가 나기도 해서 좀 불안하네요. 괜찮은건가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
질문이요
app-header에 프롭스이름을 propNum을 쓰고 pass버튼을 누르면 이 컴포넌트에 props에 언디파인드가 떠서 이름을 propnum으로 바꿧더니 다시 제대로 작동을 해요. 그 이유는 무엇인가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
다시 복습중인데요 코드는 똑같이 적었는데 왜 이런지 알수있나요?
똑같이 따라한 코드이구여. 밑의 사진 2개는 결과입니다. 제가 이상하다 싶어서 문자열 말고 숫자로 주고 똑같이 해봤거든요. 숫자타입은 props-pass라는 이름으로 받아요. 근데 문자열 타입의 경우 다릅니다. 제가 설정한 passStr은 props-passStr 에서정의할수없고 밑에 새로 생긴 $attrs-propstr 이라는 소문자로 된 처음보는곳에서 받아요. 뭐가 잘못된건가요..??
- 미해결Vue.js 시작하기 - Age of Vue.js
get, set 은 어떻게 콘솔에서 호출되는 것인가요?
콘솔에서는 object명이나 object.property를 입력하거나, 값을 할당했을 뿐, 명시적으로 get, set을 호출하지는 않았는데, get, set이 호출되는 이유는 원래 define되어 있는 것에 override했기 때문인가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
JavaScript, Vuejs
Vue를 공부하고 javascript를 공부해도 상관 없을까요? 아니면 javascript를 먼저 하는게 나을까요? 그리고 실무에서 사용하는걸 빠르게 익히려면 어떻게 하는게 좋을까요 ㅠ
- 미해결Vue.js 시작하기 - Age of Vue.js
마우스우클릭을 해도 라이브서버 켜기가 안뜹니다
vscode에서 우클릭을 해도 live server가 뜨지 않아서 따로 라이브 서버를 켜야되더라고요... 혹시 해결방안을 아시는지 궁금합니다
- 미해결Vue.js 시작하기 - Age of Vue.js
Spring Framework와 연계
저는 Spring MVC 기반으로 JSP 프로젝트를 주로 했는데요. Vue.js와 관련하여 Spring Framework의 장점을 잘 융합할 수 있는 방법이나 예시가 있을까요?
- 미해결Vue.js 시작하기 - Age of Vue.js
수료증 관련
수료증은 어떻게 받을 수 있나요 ?
- 미해결Vue.js 시작하기 - Age of Vue.js
vue cli 설치 error
The default interactive shell is now zsh. To update your account to use zsh, please run `chsh -s /bin/zsh`. For more details, please visit https://support.apple.com/kb/HT208050. yun-aliui-MacBook-Pro:learn-vue-js-master yun-ali$ npm install -g @vue/cli npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] { npm ERR! stack: "Error: EACCES: permission denied, access '/usr/local/lib/node_modules'", npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'access', npm ERR! path: '/usr/local/lib/node_modules' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It is likely you do not have the permissions to access this file as the current user npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: npm ERR! /Users/yun-ali/.npm/_logs/2020-01-28T07_36_11_027Z-debug.log yun-aliui-MacBook-Pro:learn-vue-js-master yun-ali$ yarn global add @vue/cli bash: yarn: command not found yun-aliui-MacBook-Pro:learn-vue-js-master yun-ali$ npm install -g @vue/cli npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_modules'] { npm ERR! stack: "Error: EACCES: permission denied, access '/usr/local/lib/node_modules'", npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'access', npm ERR! path: '/usr/local/lib/node_modules' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It is likely you do not have the permissions to access this file as the current user npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: npm ERR! /Users/yun-ali/.npm/_logs/2020-01-28T07_39_49_648Z-debug.log yun-aliui-MacBook-Pro:learn-vue-js-master yun-ali$
- 미해결Vue.js 시작하기 - Age of Vue.js
Warning ignore 하기
Module Warning (from ./node_modules/eslint-loader/index.js): warning: Attribute "type" should be on a new line (vue/max-attributes-per-line) at src\App.vue:6:28: 과 관련된 Warning이 계속 발생하여 질문드립니다. Eslint를 사용할 때 문법에 맞춘 띄어쓰기나 줄바꿈을 따르지 않아서 발생하는 에러로 추정됩니다. 원래는 최대한 에러가 안뜨도록 줄맞춤을 신경 쓰면서 코드를 작성하다가 몇가지 방법들을 모두 시도해보아도 오류가 해결되지 않아서 답글로 문의드립니다. 1. vue-form 의 root directory 아래에 vue.config.js 생성 (참고: https://www.inflearn.com/questions/15993) //vue.config.js module.exports = { devServer: { overlay: false } } 2. App.vue 상단에 /* eslint-disable*/ 과 하단에 /* eslint-enable*/ 선언 (참고1: https://stackoverflow.com/questions/34764287/turning-off-eslint-rule-for-a-specific-file 참고2: https://eslint.org/docs/user-guide/configuring#disabling-rules-with-inline-comments) /* eslint-disable */ ... /* eslint-enable */ 3. vue-form 의 root directory 아래에 .eslintrc.js 생성 (참고: https://eslint.vuejs.org/user-guide/#usage) module.exports = { extends: [ // add more generic rulesets here, such as: // 'eslint:recommended', 'plugin:vue/recommended' ], rules: { // override/add rules settings here, such as: // 'vue/no-unused-vars': 'error' 'no-console': 'off', "noInlineConfig": true, } } 일단은 error가 아니고 warning이기에 terminal에 뜨더라도 그냥 무시하고 진행하긴 했습니다. plugin 들을 일단 따라서 설치부터 하다보니 이런 warning이 뜨는 것을 해결하지 못하고 있네요... 혹시 비슷한 오류를 경험하셨거나 참고할 만한 글이 있으면 추천해주시면 감사하겠습니다ㅠㅠ 좋은 강의 찍어주셔서 감사합니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
안녕하세요 v-model과 v-bind와 관련하여 문의드립니다
초보적인 질문일 수 있음을 양해 부탁드립니다 ㅠㅠ 이번 강의에서 데이터 바인딩에 사용된 v-model과 v-bind에는 v-bind : 컴포넌트의 data 값과 html 속성 혹은 props시 사용 v-model : form 태그 사용시 양방향? 연결을 통해 동기화 시킴 이렇게 이해하면 되는 것인가요?? 추가적으로 v-model의 경우 form 태그에만 사용할 수 있는 것인지도 궁금합니다
- 미해결Vue.js 시작하기 - Age of Vue.js
컴포넌트 통신 방법 - 기본 에서 실습문제에 대해 질문 드립니다.
컴포넌트 통신 방법 - 기본 -> event emit 실습문제 '버튼 클릭시 data num 1증가' 문제를 고민고민 하다가 <div id="app"> <app-content v-on:add="addNum" v-bind:propsNum="num"></app-content> </div> <script> var appContent = { template: '<button v-on:click="numEvent">add</button>', props: ['propsNum'], methods: { numEvent: function(){ this.$emit('add'); } } } new Vue({ el: '#app', components: { 'app-content': appContent }, methods: { addNum: function(){ this.num++; } }, data: { num: 10 } }); </script> 위의 코드와 같이 앞서 배운 props를 떠올려서 위와 같이 만들었습니다. 근데 실습 문제 풀이영상을 보니 너무 돌아가서 생각 했던 것 같더라구요... 잘 돌아가긴 하던데 문법적으로 중복이라던지 문제가 있는지 이런 식으로 코드를 작성해도 되는건가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
수업내용
안녕하세요. 혹시 강의 들으면서 설명을 너무 잘해주신 부분에 대해서 해당 내용을 개인블로그에 공부 정리목적으로 화면 캡처해서 사용 가능한가요?(물론 참고 출처는 남깁니다!)
- 미해결Vue.js 시작하기 - Age of Vue.js
passNum: () => {
위 제목처럼 passNum: function() {} 이 아닌es6 arrow functions 를 사용하면 vue.js:1897 TypeError: this.$emit is not a function 에러가 나오는데 왜 그런지 알려주시면 감사하겠습니다
- 미해결Vue.js 시작하기 - Age of Vue.js
vue+spring
강의내용과 관련이 없을 수 도 있는데요 ㅠ spring 과 vue를 사용하려고 하는데 그런부분은 초급,중급,완벽에서 어느부분을 봐야하나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
live server에서 실행시 화면이 안떠요
html 파일 실행시 이런식으로 뜨고 화면이 안나오는데 왜그런 걸까요..ㅠ
- 미해결Vue.js 시작하기 - Age of Vue.js
vue create vue-form 에러
PS C:\vue-cli> vue create vue-form vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\User s\Duksoo\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없 습니다. 자세한 내용은 about_Execution_Policies(https://go .microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + vue create vue-form + ~~~ + CategoryInfo : 보안 오류: (:) [], PSSecuri tyE xception OS는 윈10입니다. 권한 관련 에러인 듯한데 어떻게 해야하나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
console.log 사용시 컴파일 에러 발생합니다...
아래와 같이 오류가 나면서 동작 안하는데 console.log를 사용 못하나요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
App.vue
안녕하세요 강의 정말 재밌게 듣고 있습니다.!! 크롭 뷰 개발자도구에서 Root이하의 App.vue가 저는 <App>이 아닌 <Anonymous Component>로 되어있는데 왜 그런건지 알수 있을까요??
- 미해결Vue.js 시작하기 - Age of Vue.js
질문드려요!
cli 부분 보고 있는데 data: function() 이런식으로 쓰시더라구요 그런데 자동완성 기능을 쓰니까 data() 로 자동완성이 되는데 이 방법도 괜찮은건가요?