inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

권한 요청드립니다

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

인프런 아이디 : guinness987@gmail.com 인프런 이메일 : guinness987@gmail.com 깃헙 아이디 : guinness987@gmail.com 깃헙 Username : kimchulyeon

  • es6
  • javascript
  • vuex
  • vuejs
댓글 1 좋아요 1 조회수 197

코드 순서 질문

해결됨

Vue.js 시작하기 - Age of Vue.js

new Vue를 통해 인스턴스가 만들어져 root컴포넌트가 생긴다고 알고있는데, 이 root컴포넌트가 생성되기전에 vue.component를 통해 하위 컴포넌트를 등록하셨는데, 이게 순서가 정확히 어떻게 되는건가요?

  • vuejs
  • javascript
조성락 댓글 2 좋아요 2 조회수 401

변수명 질문

해결됨

Vue.js 시작하기 - Age of Vue.js

propsdata라는 똑같은 이름을 중복으로 사용해도 큰 문제가 없는건가요? 이렇게 짜면 appheader의 propsdata인지 appcontent의 propsdata인지 구분이 힘들꺼같아서요 js가 태그이름에 따라서 알아서 식별해주나요?

  • javascript
  • vuejs
조성락 댓글 1 좋아요 1 조회수 258

에러나시는분 vuex cdn 이걸로 실행해보세요

미해결

윤재성의 Vue.js 프로젝트를 통한 실무 개발 과정

<script src="https://unpkg.com/vuex@2.0.0"></script> 위에꺼로 하면 에러안나요

  • vuejs
혜정 댓글 0 좋아요 1 조회수 318

반응형 웹앱을 제작하고 있는데

미해결

Vue.js 시작하기 - Age of Vue.js

작업을 하다보니까 css 미디어 쿼리를 쓸 때도 있고 vuex 에서 window width를 저장해놓고 사이즈가 감지되면 v-if-else로 필요한 컴포넌트를 불러오는 방식을 동시에 쓰고 있습니다. 레이아웃이 크게 변하지 않는 부분은 미디어 쿼리로 해결하고 너무 크게 변하는 부분은 v-if-else로 렌더링하고 있는데요 서서히 프로젝트가 커짐에 따라서 이게 나중에 유지보수가 가능할지 두렵네요 처음부터 PC/Mobile를 나눠서 따로 만들었어야 했나 싶다가도 막상 또 그렇게 나누자니 레이아웃이 크게 안 바뀌는 부분도 제법 많아서 혼란에 빠졌습니다. 이와 관련해서 조언을 얻을 수 있을지 궁금합니다.

  • 반응형
  • vue.js
  • vuejs
  • javascript
  • 모바일
hhhitihh 댓글 1 좋아요 2 조회수 1436

깃헙 권한 요청드립니다.

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

- 인프런 아이디: - 인프런 이메일: @kakao.com - 깃헙 아이디: @kakao.com - 깃헙 Username: 감사합니다.

  • vuejs
  • javascript
댓글 1 좋아요 1 조회수 211

github 권한요청드립니다.

해결됨

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

github 권한 요청드립니다.

  • vuejs
  • javascript
유건 댓글 1 좋아요 1 조회수 202

안녕하세요. vue-loader 오류 질문드립니다.

미해결

웹 게임을 만들며 배우는 Vue

npm run build 잘 되다가 vue-loader를 설치하고 나서 오류가 납니다. 왜 모듈을 찾을 수 없다고 나올까요?

  • vue-loader
  • 웹팩
  • vuejs
  • vuex
효링 댓글 2 좋아요 0 조회수 858

안녕하세요. 질문이 있습니다.

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

안녕하세요. 질문이 있습니다. 74강 chart 프로젝트 생성부분입니다. chart.js import에러가 나네요 , chart.js 모듈은 설치해서 패키지.json에 있습니다(두번째 사진) 2. 그리고 저도 eslint때문에 이런 에러가 나는데요 config.js 만들어서 이거 넣어줄라고 했더니 이미 vue.config.js파일이 있더라구요? cli로 프로젝트 만들때 생성된 것 같아요 module.exports = { devServer: { overlay: false } } 그 안에 보면 이미 이렇게 작성이 되어있어요 그래서 제가 알려주신 코드 추가하면 이렇게 에러가 나오는데 이렇게 하는게 아닌가요?

  • vuejs
  • javascript
power4895 댓글 1 좋아요 1 조회수 302

Component name "Modal" should always be multi-word. 에러

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

Vue 버전이 달라서 그런지 이제는 Vue파일을 생성할때 한 단어로는 파일 생성이 안되면서 Component name "Modal" should always be multi-word. 이러한 에러가뜹니다;; "Modal" 뒤에 다른 단어를 하나더 써 주었더니 해결되긴 하였습니다만 앞으론 이 규칙을 지키면 되는 건가요? 아님 헤제가 가능할까요?

  • javascript
  • vuejs
  • vuex
  • es6
Roy H 댓글 2 좋아요 5 조회수 1831

eslint

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

아래 첨부한 사진처럼 vue.config.js를 만들어서 exports를 입력했을 때, 서버는 돌아가지만 다른 eslint의 조건을 만족하지 못 하는 파일들에서 빨간색으로 오류가 떠있는 현상이 발견됩니다. lintOnSave:false는 서버에서만 eslint를 동작하지 않게하는 문법인건가요? 아니면 파일들도 오류없이 떠야 정상인가요?

  • vuejs
  • javascript
댓글 2 좋아요 1 조회수 422

this의 scope

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요! this의 scope가 이해되지 않아 문의드립니다~ 모든 컴포넌트가 App.js에 등록되어 있고, App.js가 똑같은 Vue instance를 가르키고 있기 때문에 this를 거슬러 올라가면 똑같은 instance를 가르키고 있기 때문에 input에서 가르키는 this는 TodoInput 컴포넌트를 가르킨다. 이렇게 말씀하셨는데, 어떤 컴포넌트에서 this를 사용하면 거슬러 올라가면서 해당 객체(newTodoItem)를 찾는데 가장 가까운 객체를 찾는건가요? 아니면 해당 객체가 포함된 컴포넌트 안에서 찾는건가요? 만약 컴포넌트 안에서 찾는거라면 모든 컴포넌트가 App.js를 참조하고, App.js가 Vue instance를 참조하는 것과 무슨 관련이 있는건지 이해가 되지 않습니다. 답변 부탁드립니다 ^.^

  • this
  • javascript
  • vuejs
  • es6
  • vuex
초록곤룡용용이 댓글 1 좋아요 2 조회수 343

버전 차이!

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

현재 vuejs.org 에 접속하면, vue3 기준으로 나오기 때문에 아래 링크를 강의 하단에 첨부하셔서 강사님과 같은 코드를 사용할 수 있게 해주시면 감사하겠습니다:) https://v2.vuejs.org/v2/examples/modal.html

  • vuex
  • es6
  • vuejs
  • javascript
달세이 댓글 2 좋아요 2 조회수 534

순서가 뒤죽박죽

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

등록도, 삭제도 잘 되는데 새로고침하면 등록했던 순서대로 보여지는 것이 아니라 위치가 바뀌기도 하네요. 이런 건 어떻게 수정해주는 게 좋은가요?

  • vuejs
  • javascript
  • vuex
  • es6
달세이 댓글 1 좋아요 1 조회수 314

Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

미해결

웹 게임을 만들며 배우는 Vue

위의 script_vue 디렉토리는 1강에서 했던 작업물들입니다. vue 버전과 vue-template-compiler(2.6.14) 버전을 동일 하게 하고 나서 webpack을 실행하니, [webpack-cli] Failed to load '/Users/joo/Desktop/zero_view/webpack.config.js' config [webpack-cli] Error: Cannot find module 'vue/compiler-sfc' 이런 에러가 나서 vue/compiler-sfc을 설치 한 후, 다시 vue는 (3.2.31)최신버전으로 하고 vue-temp는 (2.6.14)버전으로 하고 나서 웹팩빌드 하니 에러 없이 app.js 파일을 생성했습니다. 그리고 numberbaseball.html 파일을 실행하니, Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor at eval (main.js:7:1) at Object../main.js (app.js:19:1) at __webpack_require__ (app.js:153:41) at app.js:205:37 at app.js:207:12 위에 내용과 같은 에러가 크롬콘솔창에 뜹니다. 관련해서 검색 해도 잘 나오질 않네요 ㅜ

  • vuejs
  • vuex
  • 웹팩
ㅌㅇ 댓글 2 좋아요 0 조회수 2811

scf, vue, vbase 단축키 다 안 됩니다 ㅠㅠ

미해결

Vue.js 시작하기 - Age of Vue.js

안녕하세요. Vue 강좌를 보고 공부중입니다만, 저 역시 1:12에서 단축키가 안 먹혀서 다른 분들이 질문한 것들을 보며 해결 하려 하였으나 동일하게 scf, vu, vue, vbase 입력하고 Tab을 눌러도 기본 양식이 나오지 않아 22년 3월 기준으로 해결방법 질문드립니다..

  • javascript
  • vuejs
조태준 댓글 3 좋아요 1 조회수 2063

firebase 버전에 따른 import 문제 질문드립니다

미해결

vue.js 실전 프로젝트(트위터 클론)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 firebase authentication 강의를 듣다가 에러가 지속적으로 발생해서 문의 드립니다. 현재 버전에 따르면 import firebase from 'firebase'는 더이상 지원 하지 않는다고 합니다. 즉, firebase/app 이런 식으로 세부적으로 들어가야한다고 합니다.. 그에 따라 강사님이 작성해주신 export const auth = firebase.auth() 에서 auth 함수가 작동하지 않습니다. 여러 검색 결과 이제는 initalizeApp 따로, getAuth 따로 import를 해주어야한다고 확인하였고 auth() 함수는 getAuth를, firestore() 함수는 getFireStore 를 import하여 어찌 진행해 볼 수 있었으나 storage() 함수는 어디를 어떻게 찾아야할 지 방법이 없어 질문을 드립니다.. 아니면 firebase install 하는 버전을 강사님과 동일하게 맞춰야 하는지 생각도 됩니다. 강사님과 동일한 firebase 버전으로 변경하여 진행하여도 해당 에러가 발생합니다..

  • firebase
  • vuejs
  • 클론코딩
skyyj32 댓글 4 좋아요 0 조회수 566

vue.config.js 질문드립니다.

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

vue 5.0.1 node 12.14.0 nvm 0.39.2입니다. 서버와 같이 10.16.3.으로 하려고 했는데 vue cli가 node 버 전을 12이상 요구해서 그냥 12.14.0으로 하였고 vue create 하면 vue.config.js 파일에 이와 같이 있어 eslint 설정을 할 수 가 없네요 방법이 있을까요? const { defineConfig } = require ( " @vue/cli-service " ); module . exports = defineConfig ({ transpileDependencies: true , });

  • javascript
  • vuejs
  • vuex
아효 댓글 2 좋아요 7 조회수 1659

npm vue cli 질문드립니다.

미해결

Vue.js 끝장내기 - 실무에 필요한 모든 것

먼저 이 강의 서버 구동을 위해 node버전을 10.16.x로 낮추고 하면 vue cli가 node를 12~14이상으로 업그레이드 하라고 해서 nvm 깔고 최신 16.13.x로 바꿔줬습니다. 원래는 최신버전으로 vue create하면 vue2.x버전으로 라우터 vuex 린트 프리티어까지 설정해주고 그냥 설치해도 몇 분 안짝으로 create가 되었는데 갑자기 create만 몇 시간 째 돌리는 중인데 이거 왜이런 건가요??

  • javascript
  • vuejs
  • vuex
댓글 1 좋아요 1 조회수 394

인기 태그

인프런 TOP Writers

주간 인기글