44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
vue-router 등록 조건(전역-컴포넌트만 등록 가능하다)?
안녕하세요, 강사님 vue-router 옵션 내부적으로 component를 등록할 때, 지역 컴포넌트로 등록된 컴포넌트는 라우팅 되지 않는 걸 확인하였습니다. 해당 사진은 공식문서를 캡쳐한 이미지인데요, this.appHeader 가 아니더라도 단순히 지역 컴포넌트가 선언된 위치를 찾아내서 연결만 시켜주면 되지 않을까 하는 생각이 있었는데 잘 안되더라구요, 그냥 전역 컴포넌트나 싱글파일 컴포넌트 체계에서 라우팅 가능하다 정도로만 이해하면 될까요? 원하는 답변을 얻지 못해 질문합니다! routes: [ { path: '/header', component: this.appHeader, }, ], new Vue({ el: '#app', router, components: { appHeader: { template: '<header>app header</header>', }, }, }); 참고한 질문
- 미해결Vue.js 시작하기 - Age of Vue.js
props질문
강사님 이해가 잘 안가는 부분이 있는데요 하얀색과 초록색 변수명? 이 같아야되는건가요??
- 미해결Vue.js 시작하기 - Age of Vue.js
reder() 랑 init()을 나누는 이유
안녕하세요 강사님 쉽고 친절한 설명덕에 열심히 보고있습니다 강의를 듣다가 즉시실행함수는 이해를 했는데 밑에 사진처럼 하지 않고 init() 이랑 render()랑 나눠서 작성하는 이유가 궁금합니다
- 미해결Vue.js 시작하기 - Age of Vue.js
response에 id값으로 11일 넘어오는 이유
response에 id값으로 11일 넘어오는 이유를 알 수 있을까요?
- 미해결Vue.js 시작하기 - Age of Vue.js
props 내 카멜 케이스
안녕하세요. Vue를 처음 다루는데 캡틴판교님의 강의 덕분에 쉽게 접근할 수 있습니다. 감사합니다 ㅎㅎ 이전에 같은 질문은 있지만 이해를 하지 못해 다시 질문드립니다. props내에서는 카멜 케이스로 동작하지 않고 있습니다. propsdata 는 되지만 propsData로 하게 되면 vue 개발자 도구에서 $attrs로 소문자로만 구성되어 있는 propsdata가 뜨게 되고, data에는 propsData: undefined라고 뜨게 되어 데이터가 넘어가지 않습니다. props 내에서는 소문자만 써야하나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
개발자모드 Vue 에서 표기가 다르게 나오는 이유가 뭘까요 ..?
'components에 'app-header' : AppHeader 동일하게 작성하였는데 개발자모드에서 왜 app-header로 표기가 되지않는지 궁금합니다 ..
- 미해결Vue.js 시작하기 - Age of Vue.js
devtools에 Event탭이 안 보입니다.
04:08 과 같이 devtools에서 Event탭이 보이지 않는데 devtools의 버전이 올라가서 일까요? Timeline에서 확인할 수 있던데.. 여기서 보는게 맞나요?
- 미해결Vue.js 시작하기 - Age of Vue.js
viewModel.str 접근 하고 할당이 안떠요
console창에 viewModel.str 접근 하고 할당이 안떠요...
- 미해결Vue.js 시작하기 - Age of Vue.js
설치 에러 문의 ...
PS C:\Users\master\Desktop\learn-vue-js-master> npm install -g @vue/cli npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated apollo-tracing@0.15.0: The `apollo-tracing` package is no longer part of Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#tracing for details npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated graphql-extensions@0.15.0: The `graphql-extensions` API has been removed from Apollo Server 3. Use the plugin API instead: https://www.apollographql.com/docs/apollo-server/integrations/plugins/ npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated apollo-cache-control@0.14.0: The functionality provided by the `apollo-cache-control` package is built in to `apollo-server-core` starting with Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#cachecontrol for details. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated graphql-tools@4.0.8: This package has been deprecated and now it only exports makeExecutableSchema.\nAnd it will no longer receive updates.\nWe recommend you to migrate to scoped packages such as @graphql-tools/schema, @graphql-tools/utils and etc.\nCheck out https://www.graphql-tools.com to learn what package you should use instead changed 947 packages, and audited 948 packages in 46s 65 packages are looking for funding run `npm fund` for details 11 vulnerabilities (4 moderate, 7 high) Some issues need review, and may require choosing a different dependency. Run `npm audit` for details. 터미널에 이렇게 뜨는데 무슨 문제일까요?ㅠㅠ
- 미해결Vue.js 시작하기 - Age of Vue.js
에러 해결좀 도와주세요 ㅠ
안녕하세요 뷰 배워보려고 하는 학생입니다 이전 챕터까지 잘 따라오다가 CLI 설치 이후부터 막혀서 진도를 못나가고 있어서 도움을 요청드립니다 설치 커맨드랑 sudo 까지 같이 쳐보았는데 아래와같이 나오고 설치버전이 나오지가 않는데 어떻게 해야할지 알 수있을까요?npm audit 이란걸 친 이후에도 커맨드에서 쳐보라는 명령어를 그대로 치면 에러만 뱉어냅니다 ㅠㅠ...
- 미해결Vue.js 시작하기 - Age of Vue.js
Vue, React 이런 부류를 통칭해서 부르는 용어가 있는지요?
안녕하세요. Vue.js , React.js 처럼 이런 분류를 통칭해서 일반적으로 어떻게 부르는지 궁금합니다. 프론트엔드 프레임워크, SPA 등등 다양하게 용어를 쓰는 것 같은데 다른 분들에게 설명할 때 적합한 용어가 무엇인지 궁금하네요.
- 미해결Vue.js 시작하기 - Age of Vue.js
v-model 한글
좋은 강의 감사합니다! 질문이 있어 글 남깁니다. <input v-model="message" type="text" /> <p>{{ message }}</p> 강의대로 위와같이 코드를 짰고, 영어는 input에 치는 즉시 아래에 잘 나옵니다! 다만 한글은 바로 나오지가 않고 엔터를 누르거나 영어를 입력해야 아래에 뜹니다ㅠㅠ 왜 이런 문제가 발생하는지 궁금합니다!!
- 미해결Vue.js 시작하기 - Age of Vue.js
vue-meta 사용할 때, open graph가 적용이 안됩니다......
안녕하세요! 사이트 최적화 때문에 meta 태그를 적용하고 있는데, 페이지 별로 메타태그를 다르게 하고싶어서 vue-meta를 쓰는데 title, description, keywords 는 적용이 되는데 오픈그래프만 적용이 안됩니다 ㅠㅠ 각 컴포넌트마다 다르게 카카오톡이나 네이버에 공유를 해야 하는데, vue-meta로는 방법이 없을까요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
개발자도구 > Vue 탭 관련 질문드려요.
안녕하세요. 질문 좀 드려요. 1. vue.js버전 차이인가요? '-'하이픈 없이 파스칼 표기법으로 나오는데 버전차이로 받아들여야 하나요? 2. 컴포넌트를 선언하고 <app 한뒤 탭만 쳐서 자동으로 나왔으면 하는데 뭐 다른 플러그인을 설치하면 될까요? 아니면 윈도우라서 그런건지 궁금합니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
학생증 인증이 안되요.
안녕하세요 현재 vue js 제일 초급을 듣고 있는데요. 현재 취업을 준비하고 있고 vue js 중급이랑 웹팩을 듣고 싶어서 50%할인 강의 신청을 하려했는데 학생증인식이 안되더라구요. 어떻하면 될까요..? 다른분 보니까 메일을 보내는거 같더라구요. 학생증, 졸업예정증명서 외 다른 취업준비 관련 증명 사진들 보내 드리고 강의 보고싶은데.ㅠㅠ 가능할까요?
- 미해결Vue.js 시작하기 - Age of Vue.js
vue cli 설치 오류
- (base) mac@Macui-MacBookPro learn-vue-js-master % npm install -g @vue/cli npm WARN deprecated @hapi/topo@3.1.6: 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 urix@0.1.0: Please see https://github.com/lydell/urix#deprecated 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 apollo-tracing@0.15.0: The `apollo-tracing` package is no longer part of Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#tracing for details npm WARN deprecated graphql-extensions@0.15.0: The `graphql-extensions` API has been removed from Apollo Server 3. Use the plugin API instead: https://www.apollographql.com/docs/apollo-server/integrations/plugins/ npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated apollo-cache-control@0.14.0: The functionality provided by the `apollo-cache-control` package is built in to `apollo-server-core` starting with Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#cachecontrol for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated graphql-tools@4.0.8: This package has been deprecated and now it only exports makeExecutableSchema.\nAnd it will no longer receive updates.\nWe recommend you to migrate to scoped packages such as @graphql-tools/schema, @graphql-tools/utils and etc.\nCheck out https://www.graphql-tools.com to learn what package you should use instead changed 944 packages, and audited 945 packages in 24s 65 packages are looking for funding run `npm fund` for details 23 vulnerabilities (4 moderate, 19 high) To address issues that do not require attention, run: npm audit fix Some issues need review, and may require choosing a different dependency. Run `npm audit` for details. npm 최신 안정버전설치, 전부 삭제 후 그냥 최신 버전 설치 다 해봤는데 cli 설치가 안되네요. npm audit fix하면 (base) mac@Macui-MacBookPro learn-vue-js-master % npm audit fix npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli added 245 packages, and audited 246 packages in 2s 7 packages are looking for funding run `npm fund` for details # npm audit report ansi-regex >2.1.1 <5.0.1 Severity: moderate Inefficient Regular Expression Complexity in chalk/ansi-regex - https://github.com/advisories/GHSA-93q8-gq69-wqmw fix available via `npm audit fix` node_modules/inquirer/node_modules/ansi-regex node_modules/string-width/node_modules/ansi-regex strip-ansi 4.0.0 - 5.2.0 Depends on vulnerable versions of ansi-regex node_modules/inquirer/node_modules/strip-ansi node_modules/string-width/node_modules/strip-ansi inquirer 3.2.0 - 7.0.4 Depends on vulnerable versions of string-width Depends on vulnerable versions of strip-ansi node_modules/inquirer vue-cli >=2.9.0 Depends on vulnerable versions of inquirer node_modules/vue-cli string-width 2.1.0 - 4.1.0 Depends on vulnerable versions of strip-ansi node_modules/string-width 5 moderate severity vulnerabilities To address all issues, run: npm audit fix 이렇게 나와서 npm audit fix 하면 또 위에 상황 반복이구요... 전에 vue 잘 설치해서 공부하다가 잠깐 쉬고 지금 다시 설치하는건데 계속 안되서 진행을 못하고 있습니다....ㅠ
- 미해결Vue.js 시작하기 - Age of Vue.js
그럼 최종적으로 라우터가 실행될 때 모습이 이게 맞을까요?
안녕하세요! 부끄럽지만 저의 이해가 맞는지 여쭤보고 싶습니다. 그럼 <router>의 최종형태..? 모습은 자바스크립트의 <div><a href="/login"></div> 인걸까요? 좋은 강의 감사합니다!
- 미해결Vue.js 시작하기 - Age of Vue.js
캡틴님께 건의사항 있습니다 :)
안녕하세요! 강의를 듣다가 요구사항이 하나 생겼습니다. 중간중간에 실습을 넣어주시는데, 혹시 하나의 큰 챕터 끝나고 나서 기본 개념 잘 익히고 있는지 확인하는 선수학습확인같은 실습을 한 3배(=3개?)로 넣어주시면 안될련지 건의드려봅니다. (그 챕터 수준에 맞게요!) 강의 너무 잘 듣고 있습니다! 감사합니다!
- 미해결Vue.js 시작하기 - Age of Vue.js
event.preventdefault를하는이유
다음작업을 수행해야하는데 다음작업이 수행되기 전에 새로고침이 되니까 다음작업을 수행하기 위해서 새로고침되는거를 막는다고 이해하면 돼나요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결Vue.js 시작하기 - Age of Vue.js
강의에서는 선언해놓고 사용하지 않은 컴포넌트가 있을 때 빨간 줄이 나오는데요
제목에 이어서 강의에서는 해당 라인이 빨간줄로 표시되는게 저한테는 표시가 되지 않고 터미널에서만 컴파일 에러로 알려줍니다..뭔가 설치를 안했을까요?