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

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

github 권한 요청드립니다.

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

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

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

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

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

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

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

위의 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 위에 내용과 같은 에러가 크롬콘솔창에 뜹니다. 관련해서 검색 해도 잘 나오질 않네요 ㅜ

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

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 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 버전으로 변경하여 진행하여도 해당 에러가 발생합니다..          

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, });

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

안녕하세요 vue의 모든 페이지에 첫번째 문자에 빨간줄이 표시되는데 해결 방법이 없나요?

안녕하세요 캡틴판교님 거의 전과목 수강중인 학도입니다 다름이아니라 원초적인 질문하나 드려도 될까해서요 저는 원래 퍼블리셔이자 기획 업무를 하던 사람인데 배우면서 드는생각이 확실히 프론트와 백엔드를 전반적으로 다루던 자바 & 스프링 백엔드 개발자의 역할까지 프론트엔드가 어느정도 역할 분담하게되는것같은데요 그럼 퍼블&백엔드 구조가아닌 프엔&벡엔드구조의 실무에서는 백엔드 역할이 db관리와 api생성, 쿼리 짜는정도만 하게되는건가요? 스프링으로 인클루드하고 ajax로 데이터도뿌리고 했던 백엔드 역할이 많이 줄어든것같아서요 가령 회원가입이나 로그인 crud도 프론트단에서 다 해야하는건지 그 범위가 조금 궁금합니다 만약 그렇다면 디자이너와 퍼블이 없는 상대적으로 소규모 회사에서는 웹디자인과 vue 마크업 그리고 프론트 개발까지 프론트엔드가 다 해야하는것같은데 맞을까요..?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   안녕하세요 강사님 실습을 하는 도중에 다음과 같은 에러가 발생해서 문의 드립니다. 위와 같은 에러가 발생하는데 구글링을 해도 javascript 생태계에 익숙하지 않아서 그런지 원인을 찾지 못하겠습니다.   babel.config.js 파일을 찾지 못해서 발생하는 문제인 것 같은데 다음과 같이 프로젝트 파일 구조상으로는 존재합니다. babel.config.js 파일의 내용은 다음과 같습니다. module.exports = {   presets: [     '@vue/cli-plugin-babel/preset'   ] }   설치된 @vue/cli version은 5.0.1입니다. 도대체 무엇이 문제인 것일까요? 아무리봐도 원인을 잘 모르겠습니다. 강사님께서 도와주시면 감사하겠습니다          

안녕하세요  좋은강의 감사합니다   다름이 아니라 잘되고 있었는데 모듈화 하고 난뒤부터  unknown mutation type: addOneItem 이에러가 나는데 혹시 어떻게 해결하면될까요? store.js  todoApp.js 감사합니다    

이거 버전이 너무 달라서 따라가기 어렵습니다ㅜ최신버전으로 다시 만들어 주세요ㅜ