44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ
App.vue 다 삭제하고 다시 시작해서 template태그에 div태그만 적었는데 갑자기 차이 연결할수없다고 떠요 ㅜㅜ
- 미해결Vue.js 시작하기 - Age of Vue.js
html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.
저는 개발 지식이 별로 없는 디자이너로, 작은 개인 프로덕트를 운영하고 있습니다.제가 할 줄 아는 게 html하고 css 정도라서 그냥... 어케어케 자바스크립트를 복사하고 쥐어짜내(??) 작동하는 것을 만들긴 했는데, 각 요소를 순수 자바스크립트로 제어하는 게 쉽지도 않고, 디버깅도 너무 어렵더라구요. 그래서 자바스크립트(와 미량의 제이쿼리...)로 작동하는 부분만 vue로 전환하고, 이후의 코드나 기능도 업데이트해나갈 생각으로 수강해나가기 시작했습니다. 지금은 Vue CLI 부분까지 들었는데요. 좀 헷갈리는 부분이 있고, 이 강의가 설정한 타겟 유저와는 좀 다른 상황인 것 같아 질문을 드리고자 합니다.1# Vue2와 Vue3저는 완전 최초 도입이라 Vue3을 써야 할 것 같은데, 강의가 Vue2 기준으로 만들어져있고 플러그인이나 문법이 조금씩 다른 것 같아요. 저는 js를 썩 잘하지 못하는데 Vue3 강의 없이 가도 되는지, 제가 구매한 레벨2 강의까지만 들어도 제가 원하는 목적을 달성할 수 있는지 궁금해요. 땜빵을 해야 하거나 만들고 싶은 게 생기면 자바스크립트 문법 학습을 매번 하긴 하는데 잘 알아서 정확하게 쓰는 게 아니라 대충 쓰는 것에 가깝긴 하거든요.제가 바라는 건 브라우저-서버 통신 한번 왔다갔다만 하면 자바스크립트가 전체 페이지 새로고침을 해야 하는 걸 개선하거나.. 토글이나 서브메뉴 UI같은 걸 좀 쉽게 구현했으면 하는 정도인데요. 제가 원하는 목적을 위해 Vue3 강의가 꼭 필요한지, 전반적으로 어느 정도 수준의 강의까지 들으면 되는지 궁금합니다.2# Vue CLI저는 flask 서버에 template 폴더 안에서 html/css로 제어하고, localhost에서는 테스트 서버로 확인을 했었는데요. Vue CLI는 뭔가 다 Vue 포맷으로 짜면 나머지는 다 변환해주겠다! 그런 느낌의 프로그램이더라고요. 저의 상황에서 Vue 클라이언트를 사용하는 게 맞는지, 아니면 그냥 처음 가르쳐주신 대로 스크립트를 넣는게 맞는지 궁금합니다. (그리고 너무 알못 질문 같지만 Vue Cli를 사용하면 AWS EC2같은 실서버에도 이런걸 전부 설치하는지 궁금해요.)
- 해결됨Vue.js 시작하기 - Age of Vue.js
Vue 개발자 도구에서 다른 기능들이 안보여요!
컴포넌트만 있고 다른 기능들은 안보입니다ㅜㅜ ! 현재 Vue.js devtools는 확장프로그램으로 했고 버전도 2.7.16인데 안보여요 살려쥬세요,,
- 미해결Vue.js 시작하기 - Age of Vue.js
{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...
{{ num }}이 <app-content> 위에 있을시에는 {{ num }} 이 보이게 되고 num 값 10이 표출이 되고<app-content> 아래 있을시에는 num 값이 노출이 안됩니다.app-content에서 this.num으로 제어를 하고 있기는 하지만아래에 있다고 해서 노출이 안되는 이유가 이해가 안됩니다...
- 미해결Vue.js 시작하기 - Age of Vue.js
뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요
아무것도 안떠서 어디서 확인해야하는지 모르겠어요
- 미해결Vue.js 시작하기 - Age of Vue.js
다음 단계 강의는...?
완전 초보입니다. vue3 레벨1을 들어야했는데..ㅠㅠ잘 모르고 현재 강의인 vue2 레벨1을 들었네요...업데이트 된 내용이 많아도...뭐 기본적으로 동작원리는 비슷할거라 생각해서 우선 들었는데요.문제는 이 강의를 듣고나서 레벨2는 어떤걸 들어야하나 해서요.vue3의 레벨2를 들어도 상관없을지..아니면 vue3의 레벨1을 다시 듣고 vue3 레벨2를 들어야할까요? 바뀐 부분의 내용을 모르고는 vue3레벨2 강의 따라가기가 많이 힘들까요..?
- 미해결Vue.js 시작하기 - Age of Vue.js
버튼을 눌러도 data의 값이 변경되지 않습니다
안녕하세요! 제 코드로는 버튼을 눌러도 root 컴포넌트의 data 값이 변하지 않길래 캡틴판교님이 올려주신 ground-complete 코드를 복사해서 랜더링해봤는데요. 버튼을 눌러도 여전히 data 값이 그대로고, 이벤트는 어째서인지 보이지도 않네요ㅜㅜ혹시 해결 방법이 있나 궁금합니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
3:43 '#' 해시 유무의 차이
있고 없고 무슨 차이에요?왜 저게 달려오는거죠..?
- 해결됨Vue.js 시작하기 - Age of Vue.js
완강했따
와..해냇어칭찬해주세요 캡틴판교님
- 해결됨Vue.js 시작하기 - Age of Vue.js
스크립트 올리신 내용 물어봅니다.
<script src="">https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><script src="">https://unpkg.com/vue-router@3.5.3/dist/vue-router.js"></script> 이거 전에.. vue router 공식홈페이지에 올라와있는 뷰 라우터3.6버전 스크립트를 땡겨다 썻고..vue 스크립트는 이전까지 실습하실 때 쓰신 스크립트로 이어서 진행했습니다.이상하네요.. 올려놓으신 스크립트로 대채하니까 뷰 라우터가 잘 작동합니다..?근데.. 이전에 사용중이던 뷰 스크립트와현재 최신 뷰라우팅 스크립트를 같이 쓰면 뷰 라우팅이 안나오는걸까요? 디버거 찍어서 new VueRouter() 를 하면... 또 객체는 잘 뜹니다만..? 뷰와 뷰라우터의 버전에 따른 호환성 문제인가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
v-slot 을 2중으로 가능한가요??
안녕하세요 Vue3 쪽에서 사용 중이긴 한데 v-slot 관련해서 궁금한 점이 있습니다. childComponent.vue<div> <slot name="child"></slot> </div> parentsComponent.vue<children-component> <template v-slot:child> ... </template> <slot name="parent"></slot> </children-component> topComponent.vue<parent-component> <template v-slot:parent> ... <template v-slot:child> ... </template> </template> </parent-component> 위와 같이 topComponent에서 parentsComponent.vue의 parent slot을 통해 childComponent.vue의 child slot으로 접근하고 싶은데 위처럼 코드를 작성하면 오류가 발생하더라구요. topComponent에서 parentsComponent의 슬롯을 통해 childComponent 슬롯으로 접근하려면 어떻게 해야 할까요?
- 미해결Vue.js 시작하기 - Age of Vue.js
Vue 파일 실행 오류 관련
아래같이 했는데 vue cli 실행결과가 이렇게 나오면 어떻게 해야하는지 궁금합니다
- 미해결Vue.js 시작하기 - Age of Vue.js
수업을 진행하는데 있어서는 vue2로 설치하면 될까요?
현재 vue3, 와 2가 어떤 차이가 있는지 몰라서 질문드립니다!
- 해결됨Vue.js 시작하기 - Age of Vue.js
App.vue 파일 내용 변경 에러
강의를 따라서 helloworld.vue 도 지우고,App.vue 내용도 지우고 진행했습니다.그런데, 계속 오류가 뜨길래 확인해보니 변경사항 경고창이었습니다.VsCode를 껐다가 다시 켜봐도 여전히 저 알림들이 뜹니다.<template>, <script>, <style> 모두요.뭐 때문인지 알수있을까요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
package.json 파일을 찾을수 없는 오류메세지
vs code 알림팝업으로,[ Vetur can't find 'package.json' in 파일경로 ][ Vetur can't find 'tsconfig.json' or 'jsconfig.json' in 파일 경로 ]가 나옵니다.하지만, package.json 파일과 jsconfig.json 파일을 갖고 있습니다.그리고 해당 파일경로는 vue-cli 폴더를 갖고 있는폴더이며, 해당 경로에는 없지만 그 안에 있는 vue-cli 폴더에는 있는데, 왜 인식이 안되는지 모르겠어요.
- 미해결Vue.js 시작하기 - Age of Vue.js
.vue파일 열기
localhost:8080으로 들어갔는데 이런 페이지 밖에 안 뜨네요.. 제가 .vue파일에 만든것은 안뜨고 어떻게 해야 할까요?ㅠㅠ
- 해결됨Vue.js 시작하기 - Age of Vue.js
vue event 탭이 보이지 않습니다.
크롬브라우저에서 vue event 탭이 보이지 않습니다.
- 해결됨Vue.js 시작하기 - Age of Vue.js
학생할인
학생할인에서 이미지 파일올리는 부분이 문제가 있어서 안 올려지네요.. 할인이 끝난 건가요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
vue cli 설치 오류
vue cli 설치 오류가 뜹니다.노드는 v20.10.0, npm은 10.2.3 버전으로 다운 받았습니다.vue cli 설치를 진행하면 처음에,[..................] | idealTree:npm: sill idealTree buildDeps메세지가 나오다가, 에러메세지가 뜹니다.현재 에러 메시지는,npm ERR! code EPROTOnpm ERR! syscall writenpm ERR! errno EPROTOnpm ERR! request to https://registry.npmjs.org/@vue%2fcli failed, reason: write EPROTO C8230000:error:0A00010B:SSL routines:ssl3_get_record:wrong version number:c:\ws\deps\openssl\openssl\ssl\record\ssl3_record.c:355:npm ERR!npm ERR! A complete log of this run can be found in:~~~(로그파일 확인 경로)이런 오류메세지가 계속 나옵니다.(굵게 표시한 'C8230000'번호만 바뀌네요)cmd와 파워쉘 모두 관리자 권한으로 진행해봤습니다.사내망이라 처음엔 프록시 문제가 나와서, 프록시 문제도 따로 해결했고, 다른 동료는 설치가 되는데 저만 저런 오류가 나오고 안되네요ㅠㅠ구글 검색도 같은 오류는 없어서 방법을 못찾고 있습니다.
- 해결됨Vue.js 시작하기 - Age of Vue.js
라우터 종류 관련 문의
저는 강사님 책과 같이 병행하며 학습중입니다.책과 관련된 질문을 해도 괜찮을까요?책에선 기본라우터외에 네스티드라우터, 네임드뷰라우터가추가로 설명되어있습니다.거기서 네스티드는 부모와 자식관계로 한 화면에 여러개의 컴포넌트를 나타낼수있고,네임드뷰는 같은 레벨로 여러개의 컴포넌트를 한번에 표시할 수 있다고 나와있습니다.관계로는 다르다는걸 알겠는데, 결국 한 화면에 여러개의컴포넌트를 나타내는 것 자체는 같아서,어떤 상황에서 각각 사용되는지 궁금합니다.