44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
질문이 있습니다.
강의와는 별개로 질문이 있는데 해도 될까요? 상세페이지에서 수정페이지로 이동했을 때 수정페이지에는 상세페이지에 있던 예를 들어 제목, 내용이 보여야 하잖아요? 보이긴 하는데 수정페이지에서 새로고침을 했을 때 데이터가 다 날라갑니다. url경로 이동할 떄 저는 this.$router.push 로 params에 데이터 담아서 경로 이동을 하는데요, gogole에 찾아보니 params대신 query로 바꿔서 하라고 하니 되긴 하는데 주소 url에 파라미터가 다 드러나요, 이방법이 최선인가요? 선생님이라면 혹시 다른 방법이 가능할것같아서 질문드립니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
axios.get()
안녕하세요. axios.get은 외부에서 유저정보를 갖고왔을 때만 쓰는줄 알았는데, 내부에서도 axios 메서드를 이용해서 쓰는 이유는 then/catch를 쓸 수 있기 때문인건가요??
- 미해결Vue.js 시작하기 - Age of Vue.js
Vue CLI 생성오류 도와주세요 ㅜㅜ
Vue cli 생성이 불가합니다 노드버전을 최신화 하면 될꺼라고 다른질문자 답변을 보았습니다 이마 예전에 중급강의를 보고 nvm 을 설치했던거 같습니다. 그래서 nvm 으로 lts버전 설치후 최신버전으로 디폴트를 했는데 계속 6. 버전으로 돌아갑니다 …. 그리고 밑에는 cli 설치후 나오는 화면인데 어떤문제인지 모르겠습니다 ㅜ 도와주세요 kimjongwon@KIMJONGWONui-MacBookPro learn-vue-js-main % npm install -g @vue/cli npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN checkPermissions Missing write access to /Users/kimjongwon/.nvm/versions/node/v6.11.1/lib/node_modules/@vue/cli npm WARN checkPermissions Missing write access to /Users/kimjongwon/.nvm/versions/node/v6.11.1/lib/node_modules/@vue /Users/kimjongwon/.nvm/versions/node/v6.11.1/lib └── @vue/cli@4.5.12 npm ERR! Darwin 20.4.0 npm ERR! argv "/Users/kimjongwon/.nvm/versions/node/v6.14.4/bin/node" "/Users/kimjongwon/.nvm/versions/node/v6.14.4/bin/npm" "install" "-g" "@vue/cli" npm ERR! node v6.14.4 npm ERR! npm v3.10.10 npm ERR! path /Users/kimjongwon/.nvm/versions/node/v6.11.1/lib/node_modules/@vue/cli npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/Users/kimjongwon/.nvm/versions/node/v6.11.1/lib/node_modules/@vue/cli' npm ERR! at Error (native) npm ERR! { Error: EACCES: permission denied, access '/Users/kimjongwon/.nvm/versions/node/v6.11.1/lib/node_modules/@vue/cli' npm ERR! at Error (native) npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall: 'access', npm ERR! path: '/Users/kimjongwon/.nvm/versions/node/v6.11.1/lib/node_modules/@vue/cli' } npm ERR! npm ERR! Please try running this command again as root/Administrator. npm ERR! Please include the following file with any support request: npm ERR! /Users/kimjongwon/Desktop/learn-vue-js-main/npm-debug.log kimjongwon@KIMJONGWONui-MacBookPro learn-vue-js-main %
- 미해결Vue.js 시작하기 - Age of Vue.js
#(해쉬)와 history
[3:20] 안녕하세요 선생님, 강의 잘 듣고 있습니다~ 문득 소소한 궁금점이 생겨 질문 드립니다 mode: 'history'를 통해 해쉬를 없애서 깔끔하게 할 수는 있긴 한데, 굳이 해쉬가 디폴트인 이유가 있을까요? 해쉬를 이용한 대표적인 기능이나 장, 단점을 소개해 주시면 감사드리겠습니다 ! *추가 아 혹시 history는 어떨 때 쓰는 용어인가요..?? 알려주시면 감사드리겠습니다 ㅜㅜ
- 미해결Vue.js 시작하기 - Age of Vue.js
컴포넌트 등록 후 개발자모드 vue 에서...
강의 영상에서 컴포넌트 등록 후 "개발자모드 > vue" 에 <Root>를 보면,영상에서는 <Root><app-header> 라고 보이는데,제 브라우저에서는 <Root><AppHeader>로 보입니다.script에서는 app-header로 기재했는데 이유를 못찾겠어요 노드 버전 문제인가,,
- 미해결Vue.js 시작하기 - Age of Vue.js
안녕하세요! 4/10 Live방송 때 router-view 관련한 질문드린 학생입니다!
안녕하세요! 캡틴판교님 :) 4/10 Live방송때 router-view관련해서 질문드리고 답변받았던 학생입니다! 다름이 아니라 캡틴판교님 말씀대로 오탈자와 router를 정의한 부분들(path나 component)을 살펴봤을 때 별 다른 문제는 없으나 아직 제대로 동작하지 않습니다.ㅠ 또한 캡틴판교 블로그의 '질문을 잘하는 개발자'글을 읽고 제가 처한 상황을 명확히 알려드려야 질문을 받는 입장에서도 편할거 같다고 생각해서 다시 질문드립니다! :) 1. 개발환경: 에디터는 VS코드를 사용하고 있고, npm으로 vue-cli를 설치해서 vue init webpack-simple로 프로젝트를 만들었으며, npm run dev를 통해서 개발하고 있는 내용을 확인하고 있습니다. 2. 문제상황: 싱글파일컴포넌트를 사용해서 컴포넌트들을 분리했으며, router에 관한 파일도 router.js로 따로 만들어서 main.js에서 import해서 사용했습니다. npm run dev를 통해서 실행시 console과 cmd창에서 모두 오류가 발생하지 않고 동작됩니다. 다만 App.vue의 template부분에 router-view를 통해서(5.참고) 나타내고 싶은 부분이 있는데 그 부분이 표시되지 않습니다.(7.참고) nav부분에서 router-link를 통해서 URL을 변경하는 부분을 구현했는데(6.참고) 해당 부분은 잘 동작됩니다. 실행된 웹에서 해당 버튼을 누르면 알맞게 URL이 /, /menu2, /menu3 ...으로 변경됩니다. (다만 Section컴포넌트가 뜨지 않는 것은 동일) 3. 다음은 router.js 내용입니다. 4. 다음은 main.js 내용입니다. 5. 다음은 App.vue 내용입니다. 6. 다음은 PlandNav.vue 내용입니다. 7. 다음은 실제로 동작하는 웹화면과 개발자도구에서 확인한 실제 렌더링 결과입니다. (footer내용은 가렸습니다!) 위의 사진과 같이 router-view를 통해서 나타내고 싶은 PlandSection1~4부분이 알맞게 렌더링되지 않고 <!---->로 표현됩니다 :( 혹시 제가 실수한 부분이나 발견하지 못한 오류가 있나요?? 제가 구글링하면서 찾은 제 문제와 가장 가깝다고 생각되는 문서입니다. https://stackoverflow.com/questions/60238731/vue-router-showing-blank-page-when-built https://router.vuejs.org/guide/essentials/history-mode.html
- 미해결Vue.js 시작하기 - Age of Vue.js
속성명?
안녕하세요~ 초보자 질문 드립니다~^^ props:['receiveTest']라고 하고.. "v-bind:receiveT"라고만 해도 동작이 되는데.. 왜 그런건가요? - num을 num1으로 변경하니 동작은 안하네요..
- 미해결Vue.js 시작하기 - Age of Vue.js
scf 작동이 안됩니다.
컴포넌트 만들때 scf가 자체 내장된 게 아닌가요? 따로 다운로드를 받아야 되는게 있나요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
질문이 있습니다
app-contents 라는 컴포넌트를 만들고 그 하위요소에 div태그 10개를 만들었습니다. 그리고 그 div 태그 10개라는 숫자의 값을 root 데이터 속성에 전달하려고 할 때 이벤트 에밋을 이용해 작업을 하면 될까여??? div갯수의 값은 추후 변경될 수 있어서 첫 로딩시 그 갯수의 값만 root 데이터 속성에 전달만 되면 됩니다..
- 미해결Vue.js 시작하기 - Age of Vue.js
객체 네이밍 질문이요!
해당 인스턴스에서 값이나 각 객체의 옵션을 불러오고 싶을때 this.data.num이 아닌 this._data.num으로 불러와지는데 왜 일반 data가 아닌 _data로 바라보는지 잘 모르겠습니다. 사실 그것보다는 console,log(this)만 했을 떄 인스턴스안에 있는 모든 객체들을 확인하였지만 왜 옵션 앞에 "_"이게 붙어있는지는 모르겠습니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
현재 시점으론 scf말고 vue도 안되는데 어떻게 해야 할까요?
현재 시점으론 scf말고 vue도 안되는데 어떻게 해야 할까요?
- 미해결Vue.js 시작하기 - Age of Vue.js
영상보고 똑같이 했는데..
localhost 의 포트넘버가 계속 바뀌네요 ㅠㅠ 어떨떈 8081, 어떨땐 8082.. 동작상엔 문제가 없긴 하지만 혹시 원인 알고계시다면 알려주시면 감사하겠습니다!
- 미해결Vue.js 시작하기 - Age of Vue.js
f12 를 눌러 나오는 Vue 의 루트의 하위 컴포넌트이름과 코드에작성한 컴포넌트 이름이 다릅니다..ㅠ
1. 선생님 안녕하세요! 뭐좀 여쭤보고싶은데 제가 컴포넌트 이름을 app-header 라고쓰면 AppHeader, app-content 라고쓰면 AppContent 라고 브라우저에서 자동으로 바뀌어서 Vue 의 Root 아래 나오게 되는데 그 이유가 뭔가요? 2. 인스턴스 생성을 가장 하단 부분에 해주셨는데 변수에 담지 않았기 때문에 전역이 되어서 인스턴스가 생성되기전에 Vue.component 를 이용할 수있는건가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
기존 시스템에 vue 개발환경 세팅
안녕하세요. 현재 운영중인 시스템이 있습니다. JAVA + SPRING + JSP eclipse 를 통해서 통합개발환경을 구축해서 개발을 진행합니다. 특정 메뉴의 특정 페이지만 vue로 개발을 진행 하려고 합니다. 이런 경우에 개발 환경을 어떻게 세팅을 하는게 가장 이상적일까요? 싱글 파일 컴포넌트 방식( .vue) 으로 개발이 가능할까요? CLI로 프로젝트를 생성해서 싱글파일 컴포넌트 방식으로 개발을 하는것은 이해를 하겠는데요 기존에 사용중인 시스템에서 싱글파일 컴포넌트 방식으로 개발이 가능한지 궁금합니다. 만약 없다면 어떻게 하는게 가장 이상적일지 답변좀 부탁드립니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
index.html 과 main.js 의 연결 관계 정의
안녕하세요 CLI로 프로젝트를 생성하였을경우 구조에 대해서 궁금한점이 있어서 글을 남기게 되었습니다. index.html 에 정의 되어 있는 <div id="app"></div> 영역에 main.js 에서 정의 되어 있는 코드를 통해서 화면을 나타내는것 같은데요 new Vue({ render: h => h(App), }).$mount('#app') index. html과 main.js 가 연결되는 코드나 정의 내용은 어디에 있는 것인가요??
- 미해결Vue.js 시작하기 - Age of Vue.js
visual studio code 터미널
터미널의 종류 powershell만 있는데요 bash로 어떻게 터미널을 열수 있나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
computed의 프로퍼티에서 질문있습니다.
computed: { doubleNum: function() { ... } } 위의 구문 대신 화살표 함수를 써서 computed: { doubleNum: () => { ... } } 하니 NaN 이 출력되더라구요. 혹시 왜 화살표 함수로는 안되는지 알 수 있을까요??
- 해결됨Vue.js 시작하기 - Age of Vue.js
a태그와 router-link
안녕하세요 수업 잘 듣고 있습니다. 그럼 경로를 a 태그 안에 href로 잡아주는것과 router-link를 사용하는것과는 어떠한 차이가 있나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
안녕하세요. 강의 참고자료 관련 질문입니다.
혹시 죄송하지만 완벽 가이드라는 것은 어디에서 볼 수 있나요? 링크를 찾아볼 수가 없어서 질문드립니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
data 부분은 data: function() 식으로 새 객제를 리턴하는것으로 이해했습니다. 근데 components는 기존 그대로 사용하던데 왜그런가요?
data 부분은 data: function() 식으로 새 객제를 리턴하는것으로 이해했습니다. 근데 components는 기존 그대로 사용하던데 왜그런가요? 이부분도 외워야 할것 같긴한데 일관성이 없어서요. 왜그런가요?