44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
크롬 콘솔창 로그 한글출력이 깨지는데 질문이요!
위처럼 깨져서 검색해서 크롬 인코딩 확장자 설치해서 utf-8로 변경했음에도 불구하고 잘 문제가 해결되지 않아요 ㅠㅠ 어떻게 해야될까요.
- 미해결Vue.js 시작하기 - Age of Vue.js
디플리셔입니다. 궁금한게 있어서요.
선생님 안녕하세요. 저는 디자인 + 퍼블리셔 (제이쿼리는 만들어진 소스들을 가져와서 약간의 수정만 가능한)입니다. 회사 본부장님께서 vue.js 프로젝트가 많다며 공부를 하라고 하셔서 여기까지 오게 되었네요. 설날 연휴 쉬지못하고 ^^ 걱정에 이렇게 여기까지... 강의를 결제하고 해보자! 하다가 너무 궁금해서 먼저 질문남겨봅니다. 디자인 + 퍼블리싱을 할수 있는 정도면 vue 프로젝트를 할 경우 어디까지 해서 드려야하는지요? 폴더, 형식 등 현재 하는 방식과 많이 틀릴까요? 어디까지해서 드려야 할지 궁금해서 여쭤봅니다. 이 강의를 다 끝낸다음 저는 그 궁금증을 풀수있을까요? 선생님 새해 복 많이 받으세요. 감사합니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
동적 라우팅에 대해 궁금한것이 있습니다.
안녕하세요. 좋은 강의 덕분에 vue를 잘 알아가고 있는것 같습니다. 감사합니다. 제가 물어 보고 싶은 것은 라우터를 통해 param을 던지는 부분중 { path: '/example/:id', component: Example } 을 통해서 /exaple경로로 들어오는 url은 다 Example컴포넌트로접근하고있습니다. vue 정식 사이트에는 매개 변수와 함께 라우트를 사용할 때 주의 해야할 점은 사용자가 /user/foo에서 /user/bar로 이동할 때 동일한 컴포넌트 인스턴스가 재사용된다는 것입니다. 두 라우트 모두 동일한 컴포넌트를 렌더링하므로 이전 인스턴스를 삭제 한 다음 새 인스턴스를 만드는 것보다 효율적입니다. 그러나 이는 또한 컴포넌트의 라이프 사이클 훅이 호출되지 않음을 의미합니다. 이렇게 되어 있는데 /example/sample1 에서 /example/sample2로 이동시 sample1의 beforeDestroy와 sample2의 mounted가 동작을 하던데 위에서 말하는 컴포넌트의 라이프 사이클 훅이 이 부분이 아닌건가요??
- 미해결Vue.js 시작하기 - Age of Vue.js
data 객체 안 객체에서 this 사용하기
vue-cli에서 data에 이중객체 구조로 만들 때 this가 통하지 않는데 이럴땐 어떻게 해야하나요? 아래의 그림은 data의 chartData 객체에서 label 값으로 computed의 tagNames를 사용하려고 한 부분인데요, chartData가 이미 객체라서 그런지 this를 하면 뷰 인스턴스를 가리키지 않는 것 같습니다. 그래서 tagNames도 사용이 안되구요.
- 미해결Vue.js 시작하기 - Age of Vue.js
이벤트 전달에 관하여
$ emit을 이용하여 하위 컴포넌트에서 상위 컴포넌트로 이벤트를 전달할 수 있다고 말씀해주셨습니다. 그렇다면 반대로 전달될 수는 없는건가요? 상위 컴포넌트에서는 하위 컴포넌트로 이벤트를 전달하여 함수를 실행하도록 유도할 수는 없는건가요?
- 미해결Vue.js 시작하기 - Age of Vue.js
왜 hello world가 안나오는건가요?
(사진)
- 미해결Vue.js 시작하기 - Age of Vue.js
기존 프로젝트에서 vue-cli 적용
현업에서 vue 적용시 *.vue 로 화면을 분리하여 관리하는 것이 일반적일것 같은데요. vue만 사용하는 single app의 경우 vue creat 로 프로젝트를 생성하여 진행하면 되지만 기존 프로젝트의 경우 vue가 필요한 화면이 있을 때마다 vue creat를 하지는 않을것 같습니다. 기존 프로젝트의 특정 .jsp 같은 파일에 구성요소를 *.vue를 적용하여 사용하려면 어떻게 해야 하는지 알고 싶습니다. 정리하면 .jsp 파일에 appHeader.vue와 appContent.vue를 사용하여 페이지를 구성하고자 합니다.
- 해결됨Vue.js 시작하기 - Age of Vue.js
선생님~ 저는 왜 이벤트 발생 화면이 개발자 도구에서 표시가 안될까요!?
숫자는 제대로 증가하는데 vue 개발자 도구에선 이벤트 표시가 안되어여!
- Vue.js 시작하기 - Age of Vue.js
!탭을 누르면 안나오는 메세지가 있습니다
삭제된 글입니다
- 미해결Vue.js 시작하기 - Age of Vue.js
안녕하세요.
component와 components와의 차이점을 다시한번 말씀해주세요. 점점 너무 어려워지는 것 같습니다. 이해하고 암기가 답인건지.. 너무 어렵네요 ㅠㅠ
- 미해결Vue.js 시작하기 - Age of Vue.js
질문backend.js:1414 Uncaught (in promise) TypeError: Cannot set property '__VUE_DEVTOOLS_UID__' of null at registerAppJob (backend.js:1414)
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) 도움이 필요합니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
Vue.js 완벽가이드 vs Vue.js 끝장내기
안녕하세요! 작은 기업에서 근무하고 있는 백엔드 개발자입니다.( 둘다 해야 하지만.. 백엔드를 지향하고 있습니다.) 궁금한 사항이 있어서 질문드립니다. 현재 새로운 프로젝트를 시작하는데 front까지 다뤄야해서 Vue 강의를 구입해 듣기 시작했습니다. 프로젝트 기술스택은 Srping API + Vue.js로 되어 있습니다. 현재 강의 코스가 webpack을 포함해 5개의 강좌가 있는데 모두 듣기엔 시간이 촉박합니다. 못들은 것은 나중에라도 들을 생각인데, 속성 코스로 짜주신다면 어떤 순서로 들어야 할까요? 일주일 뒤면 프론트 개발환경을 구성해야 할 것 같은데,, 모르는게 많아서 마음이 너무 조급합니다. 현재 입문은 사자마자 바로 다 완강했습니다. 중급 강의를 듣고 바로 끝장내기를 들을까도 생각하고 있습니다. 강의 순서 추천해주시면 감사하겠습니다 ㅠㅠ!!
- 미해결Vue.js 시작하기 - Age of Vue.js
무슨 말인지 하나도 모르겠습니다 ㅠㅠ
ㅂ버전과 오류입니다. vue4.5 이상이라 이런 오류가 나는거같은데 프로젝트 생성을 어떻게 하나요?? 첨부해주신 아래 옵션으로 프로젝트를 생성하라는 의미를 모르겠습니다.
- 미해결Vue.js 시작하기 - Age of Vue.js
props 넘겨주고 vue 개발자 도구에서 확인했을 때 질문합니다.
안녕하세요! 강의 듣다가 질문 드립니다. 강의에서 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> [강의 캡쳐] [제 화면 캡쳐]
- 미해결Vue.js 시작하기 - Age of Vue.js
Vue CLI 4.x버전에서의 옵션 선택
안녕하세요! Vue CLI 버전 4.5.10 대로 설치를 하고있는 와중에 선택화면이 2개 떴는데요. 이 때에 어떤걸 선택해야 좋은걸까요? 1. 2. 검색해 보니 첫번째는npm저장소 대체(?)문구인것 같고, 두번째는 Yarn/NPM 둘 중 하나를 선택하는 것 같은데요. 1. NPM저장소를 대체(?)했을 때의 장점은 무엇인지 궁금하고 2. 현재 강의에서는 NPM을 선택하는것이 맞는거겠죠? Yarn은 뭐죠?ㅠㅠ? 유익한 강의 늘 감사합니다!
- 해결됨Vue.js 시작하기 - Age of Vue.js
vue와 vue-cli 관해 여쭤봅니다.
vue.js 만으로도 vue를 이용해 작업해도 될 거 같은데 vue-cli 를 사용하는 이유가 무엇인가요??
- 해결됨Vue.js 시작하기 - Age of Vue.js
질문이 있습니다.
제가 선생님의 vue 강의를 로드맵에 기재된 6개의 강의를 결제해서 입문 과정부터 차근 차근 듣고 있습니다. 본 강의에서 공유해주신 웹팩 NPM 소개 강좌 페이지에서 목차에 있는 내용과 https://inf.run/Md8f 이 페이지에 있는 내용과 동일한가요 ?? 로드맵 기준으로 차근 차근 강의를 들을려고 하는데.. 웹팩 강의를 본 강의가 끝난 후 이어서 들어야 하나요 ? 아니면 Vue.js 시작하기 > 중급 강좌 > 웹팩 순으로 강의를 들으면 될까요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
속성:function() 관련 문의합니다.
App.vue 파일에서 data:function() { return {} } 으로 속성을 추가해줬는데, methods 와 components 에서는 function 함수를 사용하지 않고 직접 적용을 해주었습니다. 이전 강의에서 여러 개의 컴포넌트에서 동일한 값을 공유하면 안되기 때문에 function() { return {} } 으로 적용해야한다고 하셨는데.. function() { return {} } 은 어떤 상황일 때에 사용을 해야하는 건지 그 기준이 궁금합니다. 그리고 function() 은 data 속성에만 적용을 하면 되는 걸까요 ??
- 해결됨Vue.js 시작하기 - Age of Vue.js
질문이 있습니다.
이전 강의에서 컴포넌트 태그 명명법에 따라서 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 선언만 해주었는데 실무에선 주로 어떤 컴포넌트 명명법을 주로 사용하나요?
- 해결됨Vue.js 시작하기 - Age of Vue.js
npm run serve 관련 문의합니다.
어제 프로젝트 생성 및 서버 실행까지 공부하고 오늘 공부하면서 vs code를 열었는데 어제 터미널창에서 보여줬던 Local 주소가 보이질 않습니다.. 그래서 cd 로 vue-cli 폴더로 이동한 후에 npm run serve 명령어를 입력해주니 어제와 동일한 Local 주소를 확인할 수 있었습니다. 이렇게 작업하는 게 맞는 건가요? 매번 작업하기 전에 해당 폴더로 이동 후, npm run serve 명령어를 입력해주어야 하나요 ??