44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
props 이름 명명 시 주의사항?
props의 이름을 정할 때 카멜식으로 했더니 인식이 안되네요.. 대소문자 섞이면 안되나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
computed와 watch 관련 질문 드립니다.
watch까지만 들었을 때는 오히려 명확하게 다르다고 생각했었는데, computed와 watch을 비교하는 과정 속에서 살짝 혼동이 와서 질문드립니다.제가 이해하기로 사용법에 있어서도 그렇고, computed의 경우 특정 element 'a'의 상태 변화에 따라 영향받는 다른 element 'b'의 상태를 미리 계산해서 갖고 있기 위해 수행되는 부분이고watch의 경우 'a'의 상태 변화시 수행되어야 할 함수들(콜백함수처럼)을 정의하면 된다고 생각을 했었는데, 이렇게 이해하면 될까요??
- 미해결Vue.js 시작하기 - Age of Vue.js
router 로 페이지 이동 시 항상 새로고침
안녕하세요, 캡틴판교님.덕분에 Vue 강의 잘 듣고 있습니다.한가지 질문 사항이 있는데요.메인페이지와 서브페이지를 구현했는데,메인페이지에서 스크롤을 내리면 서브페이지로 가는 router-link를 클릭했는데,메인에서 스크롤 내린만큼 서브페이지도 스크롤이 내려가 있어서이것을 어떻게 해결해야될지 의문입니다.제가 메인페이지에 애니메이션도 준게 있어서router 이동시에 항상 페이지 새로고침 되게 하고 싶습니다.(+추가로 새로고침이 아닌 메인 이동시에 애니메이션이 재 사용되게 막게끔도 하고 싶습니다..)
- 미해결Vue.js 시작하기 - Age of Vue.js
아주 기본적인 질문(링크가 어딨나요? ㅠ)
강의 중간 중간에 참고 문서 링크가 있다고 하셨는데, 링크는 어디를 보면 될까요? 잘 못 찾겠습니다. ㅠㅠ
- 미해결Vue.js 시작하기 - Age of Vue.js
학생할인 관련 질문
안녕하세요 강사님!좋은 강의 감사드립니다. 학생 할인 받으려다가 이미지 첨부가 안되어 안되길래 그냥 결제하고 듣고 있습니다.메일로 사진 보내드렸습니다. 확인 해주시고 할인 적용을 부탁드립니다ㅠ행복한 명절 보내세요~
- 미해결Vue.js 시작하기 - Age of Vue.js
<template>과 <script> 간의 데이터 전달
안녕하세요.<template> 안에 <div v-for="(a, index) in aList" .... 라고 구현하고, 여기서 저는 v- for문 안에서 a가 변할 때마다 그것을 감지하여 <script>에서 함수를 구현하고 싶었습니다. v-for안에서 aList를 돌면서 'a 변하기 -> 감지 -> script의 함수에서 로직 실행 -> 화면 출력' 를 반복하고 싶습니다.input, select 형태가 아니라 화면을 출력하기 위한 v-for 문입니다. 제가 생각한 방법은1) v-model이나 v-bind 사용 -> 적절하지 않은 것 같습니다2) a를 script의 지역변수로 넣어서 해당 지역변수를 감지하기 -> 어떻게 하는지 방법을 모르겠습니다.두 방법 모두 다 잘 되지 않아서 방법을 여쭤보고 싶습니다. 감사합니다!
- 미해결Vue.js 시작하기 - Age of Vue.js
실행 오류가 있습니다
최근 업데이트한 버전의 뷰로 진행했습니다.npm run serve 로 실행했을 시 다음과 같은 오류가 났습니다.파일 경로 문제 같은데 해결법을 구글링해도 찾기 쉽지않았습니다.해결법 알려주시면 감사하겠습니다!
- 미해결Vue.js 시작하기 - Age of Vue.js
vue cli 설치
C:\Users\kangm\OneDrive\바탕 화면\learn-vue-js-master>npm install -g@vue/cliup to date, audited 11 packages in 835ms1 package is looking for funding run npm fund for detailsfound 0 vulnerabilities이렇게 떠서 설치가 되지않아요
- 미해결Vue.js 시작하기 - Age of Vue.js
a.vue파일을 생성할 수 없습니다
NoPermissions (FileSystemError): Error: EACCES: permission denied 라는 에러가 뜨는데 어떻게 해결해야 되나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
Local Cracking Vue.js API 질문있어요
강사님!~vue-camp/vue/다운받을수있나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
<router-view> 에러
해결했는데 글이 삭제가 안되네요 강의 잘 보고있습니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
상위컴포넌트,하위컴포넌트간의 데이터이동에 관한 질문 드립니다.
학습한 것 중 loading..부분에 궁금한게있습니다.button을 component를 만들어서 body에 넣어준 후 button을 통해서 data loading의 값을 false로 변경할 수 있게 컨트롤 해보고 싶은데해당 경우에도 v-bind와 v-on이용하여 상위컴포넌트로 올려준 후 다시 하위컴포넌트로 보내주어야하나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
해당코드에서 addNum을 하위메서드 이름으로하면안되는데 왜그런가요 increase로만바꾸면동작합니ㅏㄷ.
<div id="app"> <p>{{num}}</p> <!-- <app-header v-on:하위 컴포넌트에서 발생한 이벤트 이름="상위 컴포넌트의 메서드 이름"></app-header> --> <app-header v-on:pass="logText"></app-header> <app-content v-on:addNum="numPlus"></app-content> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var appHeader = { template: '<button v-on:click="passEvent">click me</button>', methods: { passEvent: function () { this.$emit('pass'); } } } var appContent = { template: '<button v-on:click="addNumber">add</button>', methods: { addNumber: function () { this.$emit('addNum'); } } } new Vue({ el: '#app', components: { 'app-header': appHeader, 'app-content': appContent }, methods: { logText: function () { console.log('hi'); }, numPlus: function () { this.num = this.num + 1; } }, data: { num: 10 } });
- 미해결Vue.js 시작하기 - Age of Vue.js
v-on:하위 컴포넌트에서 발생한 이벤트이름
v-on:하위 컴포넌트에서 발생한 이벤트이름이라고했는데v-on:pass="logText"더라고요근데 아래보면 var appHeader = { template: '<button v-on:click="passEvent">click me</button>', methods: { passEvent: function () { this.$emit('pass'); } } } new Vue({ el: '#app', components: { 'app-header': appHeader }, methods: { logText: function () { console.log('hi'); } }이렇게되어있는데 상위컴포넌트의 메서드이름은 logtext:function(){}하니까logtext인건알겠는데 왜 하위컴포넌트이름이 pass인가요 passEvent아니낙요?
- 미해결Vue.js 시작하기 - Age of Vue.js
복잡한 컴포넌트구조에서의 통신도 동일한 방식인가요?
본 강의까지만 수강하고 뒷부분에 이어서 나올지는 모르지만 궁금해서 참지못하고 바로 질문드립니다본 강의에 나온 예제에는 상위컴포넌트 하나에 하위컴포넌트 두개만 있는 구조인데 혹시 실무같은데서 더욱 복잡한 구조일때에도 통신을 할때에 상위컴포넌트로 이벤트를 전달하고 또 상위컴포넌트로 이벤트를 전달하고 그런 방식인가요? 아니면 복잡한 구조에서는 반복없이 한번에 최상위 컴포넌트로 이벤트를 전달하는 그런 방법이 있는건가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
구글 크롬 개발자 도구 공식 문서 url 정보가 틀립니다
44강 크롬 개발자 도구 네트워크 패널 보는 방법 동영상 강의에서 첨부에 "구글 크롬 개발자 도구 공식 문서" Hyper Text 의 하이퍼링크 정보가 https://developers.google.com/web/tools/chrome-devtools/ 인데 .... 이건 사용 안하는 url인데...https://developer.chrome.com/docs/devtools/ 이 url로 바뀐게 맞나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
log 입력시, 자동완성으로 console.log이 안나타납니다.
캡틴님이 VSC에서 log만 입력하면 자동으로 console.log가 보이는데 나는 안보입니다. 어떤 플러그인이 설치 안된 걸까요? 소개한 플러그인은 모두 설치했습니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
Vue.js not detected
크롬확장자에서 설치를 했어요 처음 설치 하고 나서는 뷰로 개발자 도구를 열었는데 이제는 아예 뷰 탭도 안보이고 제목과 같이 Vue.js not detected 라고 나오네요 검색해서 고칠려고 해도 잘 못 찾고 있어요 !
- 미해결Vue.js 시작하기 - Age of Vue.js
vue3 버전이 아닌데 계속학습해도 괜찮을까요?
안녕하세요 ~ vue3가 있는상황에서 vue2를 배워도 상관없나요? vue2를 배우고 3로 넘어가려면 힘든가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
목표에 부합하는 강의인지 궁금합니다.
안녕하세요. vue 강의를 수강중에 문득 궁금증이 들어서 글 올립니다.저의 목표는 아래 웹사이트 같은 페이지를 만드는 것인데요.https://strikes.zone/game/230509KWHLGT 현재까지 HTML+CSS+JAVASCRIPT 공부했고지금은 vue lv1 공부중에 있습니다. lv4 까지 공부할 예정이구요. 하나 여쭤보고 싶은게, 이걸 공부하면 위와 같은 웹페이지를 만들수있을런지 너무 궁금합니다.