묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 시작하기 - Age of Vue.js
반응형 웹앱을 제작하고 있는데
작업을 하다보니까 css 미디어 쿼리를 쓸 때도 있고 vuex 에서 window width를 저장해놓고 사이즈가 감지되면 v-if-else로 필요한 컴포넌트를 불러오는 방식을 동시에 쓰고 있습니다. 레이아웃이 크게 변하지 않는 부분은 미디어 쿼리로 해결하고너무 크게 변하는 부분은 v-if-else로 렌더링하고 있는데요 서서히 프로젝트가 커짐에 따라서 이게 나중에 유지보수가 가능할지 두렵네요 처음부터 PC/Mobile를 나눠서 따로 만들었어야 했나 싶다가도막상 또 그렇게 나누자니 레이아웃이 크게 안 바뀌는 부분도 제법 많아서 혼란에 빠졌습니다. 이와 관련해서 조언을 얻을 수 있을지 궁금합니다.
-
해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github 권한요청드립니다.
github 권한 요청드립니다.
-
미해결웹 게임을 만들며 배우는 Vue
안녕하세요. vue-loader 오류 질문드립니다.
npm run build 잘 되다가 vue-loader를 설치하고 나서 오류가 납니다. 왜 모듈을 찾을 수 없다고 나올까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
안녕하세요. 질문이 있습니다.
안녕하세요. 질문이 있습니다. 74강 chart 프로젝트 생성부분입니다. chart.js import에러가 나네요 , chart.js 모듈은 설치해서 패키지.json에 있습니다(두번째 사진) 2. 그리고 저도 eslint때문에 이런 에러가 나는데요 config.js 만들어서 이거 넣어줄라고 했더니 이미 vue.config.js파일이 있더라구요? cli로 프로젝트 만들때 생성된 것 같아요 module.exports = { devServer: { overlay: false } } 그 안에 보면 이미 이렇게 작성이 되어있어요 그래서 제가 알려주신 코드 추가하면 이렇게 에러가 나오는데 이렇게 하는게 아닌가요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Component name "Modal" should always be multi-word. 에러
Vue 버전이 달라서 그런지 이제는 Vue파일을 생성할때 한 단어로는 파일 생성이 안되면서 Component name "Modal" should always be multi-word. 이러한 에러가뜹니다;; "Modal" 뒤에 다른 단어를 하나더 써 주었더니 해결되긴 하였습니다만 앞으론 이 규칙을 지키면 되는 건가요? 아님 헤제가 가능할까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
eslint
아래 첨부한 사진처럼 vue.config.js를 만들어서 exports를 입력했을 때, 서버는 돌아가지만 다른 eslint의 조건을 만족하지 못 하는 파일들에서 빨간색으로 오류가 떠있는 현상이 발견됩니다. lintOnSave:false는 서버에서만 eslint를 동작하지 않게하는 문법인건가요? 아니면 파일들도 오류없이 떠야 정상인가요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
this의 scope
안녕하세요! this의 scope가 이해되지 않아 문의드립니다~ 모든 컴포넌트가 App.js에 등록되어 있고, App.js가 똑같은 Vue instance를 가르키고 있기 때문에 this를 거슬러 올라가면 똑같은 instance를 가르키고 있기 때문에 input에서 가르키는 this는 TodoInput 컴포넌트를 가르킨다. 이렇게 말씀하셨는데, 어떤 컴포넌트에서 this를 사용하면 거슬러 올라가면서 해당 객체(newTodoItem)를 찾는데 가장 가까운 객체를 찾는건가요? 아니면 해당 객체가 포함된 컴포넌트 안에서 찾는건가요? 만약 컴포넌트 안에서 찾는거라면 모든 컴포넌트가 App.js를 참조하고, App.js가 Vue instance를 참조하는 것과 무슨 관련이 있는건지 이해가 되지 않습니다. 답변 부탁드립니다^.^
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
버전 차이!
현재 vuejs.org 에 접속하면, vue3 기준으로 나오기 때문에 아래 링크를 강의 하단에 첨부하셔서 강사님과 같은 코드를 사용할 수 있게 해주시면 감사하겠습니다:) https://v2.vuejs.org/v2/examples/modal.html
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
순서가 뒤죽박죽
등록도, 삭제도 잘 되는데 새로고침하면 등록했던 순서대로 보여지는 것이 아니라 위치가 바뀌기도 하네요. 이런 건 어떻게 수정해주는 게 좋은가요?
-
미해결vue.js 실전 프로젝트(트위터 클론)
firebase 버전에 따른 import 문제 질문드립니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 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.js 끝장내기 - 실무에 필요한 모든 것
vue.config.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, });
-
미해결Vue.js 시작하기 - Age of Vue.js
Parsing error: No Babel config file detected... 에러문의드리겠습니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 강사님 실습을 하는 도중에 다음과 같은 에러가 발생해서 문의 드립니다. 위와 같은 에러가 발생하는데 구글링을 해도 javascript 생태계에 익숙하지 않아서 그런지 원인을 찾지 못하겠습니다. babel.config.js 파일을 찾지 못해서 발생하는 문제인 것 같은데 다음과 같이 프로젝트 파일 구조상으로는 존재합니다. babel.config.js 파일의 내용은 다음과 같습니다. module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } 설치된 @vue/cli version은 5.0.1입니다. 도대체 무엇이 문제인 것일까요? 아무리봐도 원인을 잘 모르겠습니다. 강사님께서 도와주시면 감사하겠습니다
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
unknown mutation type: addOneItem
안녕하세요 좋은강의 감사합니다 다름이 아니라 잘되고 있었는데 모듈화 하고 난뒤부터 unknown mutation type: addOneItem 이에러가 나는데 혹시 어떻게 해결하면될까요? store.js todoApp.js 감사합니다
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
400에러질문
판교님 400에러 관련해 다음 강의 진행이 안되어 도움을 찾고자 글 올리게 되었습니다. /post에 get으로 빈 [] 을 가지고 오는 것은 되는데 다음 부분인 /post에 post하여 게시물 생성하는 것은 안되네요 ㅠ
-
미해결PWA 시작하기 - 웹 기술로 앱을 만들자
깃헙 권한 요청드립니다.
인프런 아이디 : leesujeong 인프런 이메일 : leesujeong@lotte.net 깃헙 아이디 : callu9 감사합니다.
-
미해결Vue.js 시작하기 - Age of Vue.js
component template 관련
안녕하세요 component에 template 항목으로 화면을 구성하는데 vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 이런 오류가 발생했습니다. 한 화면에 팝업창을 하나 띄우려고하는데 큰 기능이 없어서 단순 template으로만 구성하려고 했습니다. 화면 자체 코드는 아래와 같습니다. <template> <!-- 위쪽에는 일반적인 화면 구성 --> <h4>환불 신청 및 처리 내역</h4> <div class="pay_history"> <!-- 중략 --> </div> <!-- 팝업--> <popupStatus v-if="isModal" > </popupStatus> <!-- 팝업--> </template> <scripte> var mHtml = ` <div class="pop_body"> <table></table> </div>` export default { name: 'RefundHistory', components : { 'popupStatus' : { template : mHtml } , data() { return{ isModal : true, } }, } } </script> 스택오버플로우를 살펴보니 config.js에서 runtimeCompiler: true 로 바꾸면 된다고 하는데요.. 제가 사용하려던 템플릿이 non-precompiled Vue templates. 이라고 하는데요.. 왜 이런 오류가 발생하는건가요?? 컴포넌트의 템플릿을 procompile 시키는 방법이 따로 있는걸까요? (그게 뷰 config 를 수정하는 방식인건지?), 컨피그 파일 수정 없이 procompile 된 템플릿을 사용하는 방법이 따로 있는지도 궁금합니다 .
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
source-map?
안녕하세요, 파일 절대경로 @관련해 에러 코드가 나와 질문드려요! 추가적으로 설정해 줘야 하는 부분이 있는 것 같아 구글링 해 보았는데 잘 안나오더라구요 ㅠ우선 스크린샷 올리도록 하겠습니다, 급한건 아니니 넘어가도록 할게요.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
localstorage 관련 처리 함수들 위치 질의
처음에 fetch 함수를 작성하신 storage 객체를 생성하셔서 저는 그 객체에 localstorage 관련 처리 함수를 모두 정의하고 그 함수을 mutations에서 호출하여 localstorage에 대한 기능을 분리하는 것이 구현하였습니다. 저는 초기에 storage 객체를 생성하시고 fetch 함수를 만드셔서 당연히 storage 객체에 localstorage 관련 로직을 처리하는 역할을 부여하셨다고 생각했는데, 혹시 이렇게 하시지 않은 이유가 있으신지 궁금합니다.
-
미해결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 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃헙 브랜치 경로 문의
안녕하세요! 좋은 수업 늘 감사히 잘듣고 있습니다. 궁금한 점이 있어서 문의드립니다. 저는 지금 Todo App - 프로젝트 구현에서 깃헙 브랜치 안내 해주시는 부분 강의 듣고 있습니다. 깃 권한도 승인받았고, 강의해주신 경로대로 진행했는데 수업내용 올려주신 자료가 없더라구요. (TodoFooter.vue, TodoHeader.vue, TodoInput.vue, TodoList.vue) 저는 위 4가지 파일이 없고 HelloWorld.vue 파일만 있더라구요.. 터미널에 git checkout todo-app/components-implementation 하면 덮어씌워진다고 하셔서, 혹시나 제코드가 날아갈까봐 시도해보지는 못했어요. 제가 경로를 잘못타고 들어간건가요? 확인부탁드립니다.