묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
github 권한설정 다시 부탁드립니다.
인프런 아이디 : lar8224@gmail.com인프런 이메일 : lar8224@gmail.com깃헙 아이디 : lar8224@gmail.com깃헙 Username : lahreum 늦게 확인했더니 기간 만료라고 하네요.. 다시 권한 추가 부탁드립니다...
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
babeljs.io 관련 질문이 있습니다.
강의 코드 내용 그대로 babeljs.io 사이트에 적용을 했는데 선생님처럼 변환이 되질 않습니다.. 따로 설정해야 하는 게 있나요??
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
i 태그와 span 태그 질문입니다.
강의 3분 즈음 내용입니다. 삭제 버튼은 span 태그 안에 i 태그를 작성했는데 체크 버튼은 i 태그만 사용한 이유가 궁금합니다!
-
미해결웹 게임을 만들며 배우는 Vue
편안하게
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
transition enter
최근 듣는 분들 중 enter 작동 안하시는 분들은 .list-enter -> .list-enter-from 으로 하니까 잘 작동하네여!
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
env파일 관련 질문드립니다.
안녕하세요! 강의에서 본 내용처럼 env.development 파일에 url 을 정의해놓고 사용하려고 하는데 process.env.VUE_APP_API_URL 이 undefined로 떨어져서 제대로 동작하지 않네요..ㅠ 다른 설정이빠진게 있을까요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
slot 에러 질문입니다.
안녕하세요 강사님. 저는 vue cli 4 버전으로 하고 있습니다. 기존 강의 대로 slot 부분을 따라하면 npm run serve 했을 때 사진과 같은 에러가 납니다. 위의 에러를 검색해서 찾다가 TodoInput 컴포넌트의 <h3 slot="header">경고</h3> 을 <template v-solt:header>경고</template> 로 바꾸니까 해결이 되었습니다. 제 생각에는 4버전의 eslint-loader가 기존 강의 버전과 다른 규칙이 있어서 그런 것 같은데 제 생각이 맞는지 여쭤보고 싶어서 질문을 드립니다. 그리고 혹시나 제가 한 것 말고 다른 해결 방법이 있다면 알려주시면 감사하겠습니다.
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
첫번째 로그인시에 토큰값이 없는 이유
많은 분들이 헷갈려 하시는 것이 첫번째로 로그인할때 headers 에 Authorization 부분이 비어 있는 부분이 강의에 나오지 않아 헷갈려하시는것 같습니다. 현재 강의에서는 강사님도 로그인을 첫번째로 하시고 토큰값을 받아온 뒤 로그아웃 이후 다시 로그인을 하셔서 토큰값을 서버에 보내신것같습니다. 첫번째 로그인할때는 당연히 토큰을 받아온게 없으므로 없는게 정상인것같습니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다
todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다 F5 리플래쉬하면 데이터는 화면에 반영됩니다만 화면에서 액션일으킬때 실시간으로 반영이 안됩니다....
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
i 태그가 왜 안 되나 봤더니..(해결방법)
vue create vue-todo와 vue init webpack-simple vue-todo 차이가 있습니다. vue create vue-todo는 (자신이 생성한 프로젝트) vue-todo/public/index.html를 수정해야하고, vue init webpack-simple vue-todo는 (강의 속 생성한 프로젝트) vue-todo/index.html를 수정하는 것입니다. 그래서 즉 vue create vue-todo로 사용하시는 분들은 vue-todo/public/index.html를 수정하시면 됩니다.
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
Vuex 를 설치/등록한 이후로 npm 서버가 실행이 되지 않습니다
지금까지 수업했듯 npm run serve 로 서버를 실행시켜서 state 적용된 것을 체크해보려고 했으나, 위와 같은 에러 메세지가 발생했고, 여기서 제시한 npm install --save core-js/modules/es.array.splice 명령어를 실행하였으나, 이런 메세지가 또 발생합니다. 이 메세지 내용을 보고, 구글링을 해본 결과 package-lock.json을 삭제하고 다시 실행시키거나 npm cache verify 명령어를 실행하거나 등등 여러가지 답변이 있었으나 전부 실행되지 않습니ㄷㅏ.최종 에러 메세지 상에는 Could not install from "core-js/modules/es.array.splice" as it does not contain a package.json file. 이렇게 적혀 있어서, 이부분을 보완하면 될 듯한데... 전혀 진행되지 않아서요...
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
this에 관한 질문
객체에서의 this는 자기자신을 가르킵니다. 근데 es6 화살표함수를 사용하면 window를 가르키던데 제가 알기론 일반 함수가 실행되면 함수 컨텍스트가 만들어지고 그 안에 this, 변수객체, scopeChain가 정의되어져 있는걸로 알고 있습니다. 근데 es6 화살표 함수가 실행되면 함수 컨텍스트안에 this라는 것이 없고 변수객체에 this를 변수로서 상위 scope의 this를 가져오는게 맞을까요? 그래서 es6 화살표함수에는 bind()가 먹히지 않는지 궁금합니다..
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
mutations 의 인자 갯수
payload 인자를 객체화 시켜서 한번에 넘겨주지 않고 이렇게 넘겨주어도 작동은 하는데 방법은 상관이 없을까요? removeOneItem(state, todoItem, index) { localStorage.removeItem(todoItem.item); state.todoItems.splice(index, 1); },
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
오류
vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <Mdoal> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <TodoInput> <App> at src/App.vue <Root> slot으로 만들어준 cusotm header만 출력이 됩니다. 버튼이나 배경 모달창은 뜨지 않습니다. 어떻게 해결해야되나요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
splice
7:00 분 경에 splice가 원래 있던 배열을 변경해서 새로운 배열을 반환해주신다고 하셨는데 새로운 배열을 반환해주는게 아닌 그냥 해당 배열을 변경만 해주는걸로 이해해도 될까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
import에 { } 가 들어가는 이유가 뭔가요??
1:40 헬퍼의 사용법에서 import { mapState } from 'vuex'로 import 문에 전부 중괄호가 들어가 있는데요. 왜 여기는 중괄호가 들어가야 하나요? 규칙같은건가요?
-
미해결Vue로 Nodebird SNS 만들기
trough, as
제로초님 강의 잘 보고 있습니다. 문서를 봐도 이해가 잘안되서 그러는데여.. sequlize associate부분에서 through,as가 무슨 역할인지 알려주실수 있을가요?? 강의 돌려봐도 좀 어렵네여 ㅠ
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
getters의 parameter 관련 질문
안녕하세요. 강의를 보다 궁금한점이 있어서 질문드립니다. getters를 이리저리 사용해 보다가 getters에 parameter를 넣어야 할 경우가 생겨서 검색해보니, Vuex 공식 문서에서 다음과 같이 사용하라고 안내가 되어 있습니다. getters: { getNumber: state => num => { return num * 2; } } 여기서 첫 번째로 궁금한 점은 저 문법이 단순히 Vuex의 함수 정의 문법인지, ES6 문법인지 궁금합니다. 추가로 궁금한 부분은 저 표기 외에 다른 방식으로 parameter를 받을 수 있는 방법이 있는지도 궁금합니다. Vue 와 ES6 모두 초보라 아직 함수 리터럴에 대해 익숙지 않아 질문 드려봅니다 ^^;
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
새로고침 후 로그인을 하면 리퀘스트헤더에 토큰이 안들어 옵니다
페이지를 새로고침 하고 로그인 후 네트워크 리퀘스트헤더에 Authorization 을 보면 비어 있어고, 이 상태에서 로그아웃 후 새로고침 없이 로그인 후 네트워크 리퀘스트헤더에 Authorization 을 보면 토큰값이 들어와 있습니다. 왜 새로고침을 하고 로그인을 하면 리퀘스트헤더에 토큰이 안들어 오는건지 혹시 알 수 있을까요..
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint 와 prettier 설정시 오류
Module Error (from ./node_modules/eslint-loader/index.js): c:\Users\노군\Desktop\vue-endgame\vue-til\src\App.vue 2:1 error Replace `··` with `↹` prettier/prettier 3:1 error Replace `····` with `↹↹` prettier/prettier 4:1 error Replace `····` with `↹↹` prettier/prettier 5:1 error Replace `··` with `↹` prettier/prettier 9:24 error Replace `"./components/HelloWorld.vue"` with `'./components/HelloWorld.vue'` prettier/prettier 12:1 error Replace `··name:·"App"` with `↹name:·'App'` prettier/prettier 13:1 error Replace `··` with `↹` prettier/prettier 14:1 error Replace `····HelloWorld` with `↹↹HelloWorld,` prettier/prettier 17:7 error 'a' is assigned a value but never used no-unused-vars 17:8 error Replace `=` with `·=·` prettier/prettier 18:3 error Insert `,` prettier/prettier 24:1 error Replace `··` with `↹` prettier/prettier 25:1 error Replace `··` with `↹` prettier/prettier 26:1 error Replace `··` with `↹` prettier/prettier 27:1 error Replace `··` with `↹` prettier/prettier 28:1 error Replace `··` with `↹` prettier/prettier 29:1 error Replace `··` with `↹` prettier/prettier ✖ 17 problems (17 errors, 0 warnings) 16 errors and 0 warnings potentially fixable with the `--fix` option. @ ./src/main.js 6:0-28 10:13-16 @ multi (webpack)-dev-server/client?http://192.168.219.104:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 설정을 했는데 저런식으로 계속 오류가 뜨는데 뭐때문일까요?