Thumbnail
강의할인 중 (D-9)
BEST 개발 ・ 프로그래밍 웹 개발
Vue.js 시작하기 - Age of Vue.js
(4.9)
508개의 수강평 ∙ 2811명의 수강생

30%

23,100원

33,000원
지식공유자 : 장기효(캡틴판교)
총 68개 수업˙총 5시간 25분
평생 무제한 수강
수료증 발급 강의
초급 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
내 목록 추가 966 공유
휴우웅~ 프로필

질문backend.js:1414 Uncaught (in promise) TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null at registerAppJob (backend.js:1414) 휴우웅~ 12시간 전
TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null backend.js:1414 Uncaught (in promise) TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null     at registerAppJob (backend.js:1414) 도움이 필요합니다.

0
HDK 프로필

Vue.js 완벽가이드 vs Vue.js 끝장내기 HDK 2일 전
안녕하세요! 작은 기업에서 근무하고 있는 백엔드 개발자입니다.( 둘다 해야 하지만.. 백엔드를 지향하고 있습니다.) 궁금한 사항이 있어서 질문드립니다. 현재 새로운 프로젝트를 시작하는데  front까지 다뤄야해서 Vue 강의를 구입해 듣기 시작했습니다. 프로젝트 기술스택은 Srping API + Vue.js로 되어 있습니다. 현재 강의 코스가 webpack을 포함해 5개의 강좌가 있는데 모두 듣기엔 시간이 촉박합니다. 못들은 것은 나중에라도 들을 생각인데, 속성 코스로 짜주신다면 어떤 순서로 들어야 할까요? 일주일 뒤면 프론트 개발환경을 구성해야 할 것 같은데,, 모르는게 많아서 마음이 너무 조급합니다. 현재 입문은 사자마자 바로 다 완강했습니다.  중급 강의를 듣고 바로 끝장내기를 들을까도 생각하고 있습니다. 강의 순서 추천해주시면 감사하겠습니다 ㅠㅠ!!

2
첸벙 프로필

무슨 말인지 하나도 모르겠습니다 ㅠㅠ 첸벙 4일 전
ㅂ버전과 오류입니다. vue4.5 이상이라 이런 오류가 나는거같은데 프로젝트 생성을 어떻게 하나요?? 첨부해주신 아래 옵션으로 프로젝트를 생성하라는 의미를 모르겠습니다.

1
방경림 프로필

props 넘겨주고 vue 개발자 도구에서 확인했을 때 질문합니다. 방경림 9일 전
안녕하세요! 강의 듣다가 질문 드립니다. 강의에서 props를 하위 컴포넌트로 전달하고 뷰 개발자 도구로 확인했을 때, 하위 컴포넌트에서 'propsData'라는 이름의 속성과 'hi'라는 속성 값이 보이는 것을 봤습니다. 따라서 실습해봤는데, 저는 좀 다르게 보여서 질문 드립니다. props란에 'propsData'라는 이름의 속성값이 undefined라고 되어 있고, 밑에 $attrs란에 강의랑 같이 나옵니다. 왜 저는 props란에는 undefined라고 뜨고 $attrs란에 나오는 것인지 궁금합니다. 코드와 사진 같이 첨부합니다. [코드] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="app"> <app-header v-bind:propsData="message"></app-header> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> const appHeader = { template: '<h1>header</h1>', props: ['propsData'] } const vm = new Vue({ el: '#app', components: { 'app-header': appHeader }, data: { message: 'hi' } }) </script> </body> </html> [강의 캡쳐] [제 화면 캡쳐]

1
sugar7000 프로필

Vue CLI 4.x버전에서의 옵션 선택 sugar7000 13일 전
안녕하세요! Vue CLI 버전 4.5.10 대로 설치를 하고있는 와중에 선택화면이 2개 떴는데요. 이 때에 어떤걸 선택해야 좋은걸까요? 1.  2. 검색해 보니 첫번째는npm저장소 대체(?)문구인것 같고, 두번째는 Yarn/NPM 둘 중 하나를 선택하는 것 같은데요. 1.  NPM저장소를 대체(?)했을 때의 장점은 무엇인지 궁금하고 2. 현재 강의에서는  NPM을 선택하는것이 맞는거겠죠? Yarn은 뭐죠?ㅠㅠ? 유익한 강의 늘 감사합니다!

1
이은혜 프로필

vue와 vue-cli 관해 여쭤봅니다. 이은혜 15일 전
vue.js 만으로도 vue를 이용해 작업해도 될 거 같은데  vue-cli 를 사용하는 이유가 무엇인가요??

1
이은혜 프로필

질문이 있습니다. 이은혜 15일 전
제가 선생님의 vue 강의를 로드맵에 기재된 6개의 강의를 결제해서 입문 과정부터 차근 차근 듣고 있습니다. 본 강의에서 공유해주신 웹팩 NPM 소개 강좌 페이지에서 목차에 있는 내용과 https://inf.run/Md8f 이 페이지에 있는 내용과 동일한가요 ?? 로드맵 기준으로 차근 차근 강의를 들을려고 하는데.. 웹팩 강의를 본 강의가 끝난 후 이어서 들어야 하나요 ? 아니면 Vue.js 시작하기 > 중급 강좌 > 웹팩 순으로 강의를 들으면 될까요?

1
이은혜 프로필

속성:function() 관련 문의합니다. 이은혜 15일 전
App.vue 파일에서  data:function() { return {} } 으로 속성을 추가해줬는데, methods 와 components 에서는 function 함수를 사용하지 않고 직접 적용을 해주었습니다. 이전 강의에서  여러 개의 컴포넌트에서 동일한 값을 공유하면 안되기 때문에 function() { return {} } 으로 적용해야한다고 하셨는데.. function() { return {} } 은 어떤 상황일 때에 사용을 해야하는 건지 그 기준이 궁금합니다. 그리고 function() 은 data 속성에만 적용을 하면 되는 걸까요 ??

1
이은혜 프로필

질문이 있습니다. 이은혜 15일 전
이전 강의에서 컴포넌트 태그 명명법에 따라서 app-header 를 AppHeader 로 바꿔서 적용할 수 있다고 하셨었는데요.. <template> <div> <AppHeader /> </div> </template> <script> import AppHeader from './components/AppHeader.vue' export default { data: function() { return { str: 'hi' } }, components: { AppHeader } } </script> app-header 컴포넌트 태그르 AppHeader 로 components 에선 AppHeader 선언만 해주었는데 실무에선 주로 어떤 컴포넌트 명명법을 주로 사용하나요?

1
이은혜 프로필

npm run serve 관련 문의합니다. 이은혜 18일 전
어제 프로젝트 생성 및 서버 실행까지 공부하고 오늘 공부하면서 vs code를 열었는데 어제 터미널창에서 보여줬던 Local 주소가 보이질 않습니다.. 그래서 cd 로 vue-cli 폴더로 이동한 후에  npm run serve 명령어를 입력해주니 어제와 동일한 Local 주소를 확인할 수 있었습니다. 이렇게 작업하는 게 맞는 건가요? 매번 작업하기 전에 해당 폴더로 이동 후, npm run serve 명령어를 입력해주어야 하나요 ??

1
이은혜 프로필

Vue Cli 설치 버전 관련 이은혜 19일 전
안녕하세요, Vue CLI 설치를 하니 " @vue/cli@4.5.10 " 버전으로 설치가 완료되었습니다. 해당 강의에서는 2.x 와 3.x 버전을 말씀하시는데 .. 저는 4버전대로 설치가 완료되어서요.. 해당 버전을 다운그레이 해야 하는 지? 아니면 버전에 상관없이 강의 대로 진행하면 되는 지 여쭤봅니다. 그리고 검색을 해보니 vue --verson 을 입력하면 해당 CLI 버전을 확인할 수 있다고 하는데 .. 저는 오류 메세지가 보여집니다ㅠㅠ 제대로 설치된 게 맞는 걸까요?

5
이은혜 프로필

$emit 은 어떤 상황일 때 사용하나요? 이은혜 19일 전
v-on:click 이벤트와는 사용하는 상황이 다른 것 같은데 $emit은 어떤 상황일 때 사용하나요? 사용하는 방법은 강의를 보면서 이해를 한 것 같은데 그래서 이 $emit 은 언제 사용하는 거지? 라는 의문이 생겨서요.. 하위 컴포넌트에 $emit 으로 이벤트 이름을 지정해주고 지정된 이름을 상위 컴포넌트 메서드와 연결해주기 위해 사용하는 걸까요 ?? v-on 이벤트 강의를 듣고 나서  $emit 에 대해 다시 보는데 제 머리속에서 정리가 안 되서 여쭤봅니다..

1
최가운 프로필

vscode import Vue부분에 경고문이 뜨네요 최가운 25일 전
vscode plugin관련 질문인데, 제 화면에서는 import 부분이 경고 표시가 뜨네요. Vetur에서 tsconfig.json 등을 설정하라는데 vue-cli폴더에 세팅해주면 되는걸까요?

1
최가운 프로필

컴포넌트에 변수선언이 가능한가요? app-header에 data를 선언해보니 html에서 출력되지가 않네요. 최가운 26일 전
추가적으로 컴포넌트는 스스로 데이터를 가질수가 없나요? 최상위 root에서만 데이터를 가지고 props로 내려주는게 가능한건가요? 컴포넌트 내에 data를 선언하니 출력되지 않네요. var appHeader = {             template: '<h1>{{ propsdata }}, {{ num }}, {{ headerName }}</h1>',             props: ['propsdata', 'num'],             data: {                 headerName: 'choigawoon'             }         };

1
최가운 프로필

html 컴포넌트 태그 사이에 들어가는 값은 의미가 있나요? 최가운 26일 전
component tag사이에 넣은 값은 무슨 의미를 가지게 되나요? template이 해당 부분을 채우게 되는거라 그냥 제거 될까요? 예를 들어, app-content 태그사이에 들어간 값은 어떻게 되는지 궁금합니다. <div id="app"> <h1>{{ message }}</h1> <!-- <app-header v-bind:프롭스 속성 이름="상위 컴포넌트의 데이터 이름"></app-header> --> <app-header v-bind:propsdata="message" v-bind:num="num"></app-header> <app-content v-bind:count="num">????여긴뭐죠?</app-content> </div>

1
강의할인 중 (D-9)

30%

23,100원

33,000원
내 목록 추가 966 공유
지식공유자 : 장기효(캡틴판교)
총 68개 수업˙총 5시간 25분
평생 무제한 수강
수료증 발급 강의
초급 대상
이 강의는 멘토링 신청이 가능합니다.
멘토링은 수강 신청과 별개로 운영되며, 수강생이 아니어도 신청할 수 있습니다.
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스