55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 강사님 강의 잘 듣고 있습니다.
1. vue 파일에서 method안에 세미콜론이 있고 없고의 차이가 궁금합니다. 2. 안티패턴 관련하여 todoItem을 넘겨주고 다시 돌려받고 하는 패턴이 좋지 않은 패턴이라고 하셨는데 그러면 TodoList.vue 에서 메소드를 생성할때 todoItem을 파라미터로 넘기지 않아야 하는것 아닌가요 ?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 강사님 강의 잘 듣고 있습니다.
강의를 수강하던중 궁금한점이 있어 질문 드립니다. 할일 목록에 이미 추가되어있는 데이터와 똑같은 데이터를 추가할 시에 개발자도구의 Console 에서 Duplicate keys detected: '123'. This may cause an update error. 이런 오류가 발생하는데 같은 데이터가 들어가게되면 업데이트 할 시에 오류를 야기할수 있다는 의미인거 같습니다. 이런 오류를 발생하지 않도록 하기 위해서는 이미 들어가있는 데이터는 재입력하지 못하도록 방지하는 로직을 추가해줘야 하는건가요? 아니면 다른 해결 방법이 있는지 궁금합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
콘솔창 에러
좋은 강의 감사합니다!! map 적용 후부터 콘솔 창에 [Vue warn]: <transition-group> children must be keyed: <li> 이렇게 오류가 뜨는데 이유가 뭘까요...? <template> <div> <transition-group name="list" tag="ul"> <li v-for="(todoItem, index) in this.storedTodoItems" :key="todoItem.item" class="shadow" > <i class="checkBtn fas fa-check" v-bind:class="{ checkBtnCompleted: todoItem.completed }" @click="toggleComplete(todoItem, index)" ></i> <span v-bind:class="{ textCompleted: todoItem.completed }"> {{ todoItem.item }} </span> <span class="removeBtn" @click="removeTodo({ todoItem, index })"> <i class="fas fa-trash-alt"></i> </span> </li> </transition-group> </div> </template>
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
아무것도 뜨지 않아요 ㅜ 확인부탁드립니다.
localhost 페이지를 여니 아무것도 뜨지 않아요 ㅜ Vuex 설치하기전에는 todo가 잘 나왔는데 Vuex 설치하고npm run serve를 하고 localhost에 들어가니 index.html 내용만 나오네요.. ㅜㅜ 왜 app.vue 가 안뜨고, index.html파일이 나오는거죠.. 스토어에 관련에서 추가한것들을 지워보니 제대로 나옵니다! 제가 뭘 잘못 넣은걸까요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
db연동
oracle db와 연동하고 싶은데 관련 자료나 교육강의, 간단한 구동 방법 좀 알려주실 수 없을까요??
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
모달 활성 위치 설정 질문드립니다.
안녕하세요. Vue 1도 모르는상태에서 혼자하는것보다 정말 많은 도움받고 있어서 너무 감사드려요. 따라하니까 모달 잘 동작하는데, 컴포넌트를 <Root> <App> <header> <contents> <footer> 이런 구조를 해보려구해요. Contents쪽에서는 모달이 위치가 가운대로 잘 동작하는데 강의와 똑같은 방식대로 Header에서 동작 시키면 Header에 할당되는 공간에서 가운대로 모달창이 활성화 되더라구요ㅠㅠㅠㅠ. 어떻게 바꿔야할지 감이 안와 질문드려요.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue-intermediate 404 에러
github.com/joshua1988/vue-intermediate 접속하니 404 에러가 발생합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
index.html 파일과 폰트어썸
삭제된 글입니다
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
axios 사용중 cors에러
axios를 사용하여 post응답을 요청했습니다. 하지만 아래와 같이 cors에러가 나오더군요. from origin 'http://localhost:8081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 이리저리 방법을 찾아서 AxiosPlugin을 사용하거나, 요청 헤더에 아래와 같이 값을 추가해도 되질 않네요;;;; 'Access-Control-Allow-Origin' : '*', 'Access-Control-Allow-Headers' : 'Original,Content-Type,Authorization,X-Auth-Token', 'Access-Control-Allow-Methods' : 'GET,POST,PUT,PATCH,DELETE,HEAD,OPTIONS',
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
cli 명령어 질문이요!
vue create vue-todo랑 vue init webpack-simple vue-todo 명령어로 설치? 하는 것이 차이가 크나요?? vue-create vue-todo 했을 때는 Vue CLI v4.5.13 으로 뜨는데 이 상태로 프로젝트 만드는 데 지장이 있는지 궁금합니당 그리고 vue init webpack.. 이 명령어로 입력 시 npm i -g @vue/cli-init을 실행하고 다시 시도하라 나오는데 cli, 버전에 따른 차이점, 명령어, 웹팩 등 다 헷갈리네요ㅜㅜ 강의 계속 듣다 보면 조금씩 이해가 될까요..? 일단 넘어가고 다음 강의 계속 진행해도 되는지 궁금합니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
mutations에 있는 addOneItems에 접근해서 새 데이터는 만들어집니다. 그런데
안녕하세요. 좋은 강의를 잘 보고 있습니다. 오늘 mutations 이 부분을 따라하다가 문제가 생겼습니다. 일단 현재 작업한 내용 캡처한 부분을 올려봅니다. store.js 에서 store에다가 mutations 를 선언하였고, TodoInput.vue에서 불러올때 데이터를 잘 보내주고 console.log에도 잘 찍힙니다. 이것은 App.vue 캡처부분입니다. 이 부분은 TodoInput.vue 캡처화면이고 addOneItems로 todoItem 데이터를 보내주고 있습니다. 생성이 되고 리스트에 생성한 글들이 잘 나오고 있습니다. 문제는 mutations 이 F12에 있는 Vue쪽에 나타나지 않고 있습니다. Base State만 생기는 것과 state => todoItems 배열 부분만 나온다는 점입니다. 뭐 때문에 나오지 않는지 찾지 못해서 글을 올려 봅니다 ㅠㅠ
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
컴포넌트 내부에
컴포넌트 내부에 예를들어서 methods: {} 여기서 함수를 만들잖아요 근데 this.$store.state.totalPage 라고 하면 왜 null 이 출력될까요? 분명히 템플릿내부에선 값이 출력되는데요 어떻게 해야할지 궁금합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
index에러? 질문입니다.
// vue.config.js module.exports = { devServer: { overlay: false } } 안에 넣었는데도 다른 질문처럼 index 에러가 뜨네요.. 실행하면 나오기는 하는데 저 에러 못 없애는지 궁금합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요 질문입니다.
중간에 따라하다 프로젝트 해야하는데 시간이 얼마 없어 강의로 대충 소스 넘어가면서 이해하고 있습니다. 근데 강의 깃허브에서 받은거로 실행하고 싶은데 그대로 받은 소스에 npm run serve 로 하면 에러나더라구요. 그대로 받아서 실행하려면 방법이 따로 있나요? 그냥 다운받은 폴더에서 실행하니까 npm ERR! missing script: serve 이 떠서 질문 드립니다..
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
터미널에서 vue--version 에러
cmd창에서는 vue--version이 입력이 되는데 코드에서는 에러가 납니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
블로그에 강의 정리
안녕하세요 캡틴판교님! Vuj.js 기초 수업부터 듣고 배운 것을 정리해서 블로그에 올려보려고 하는데, 이전 기초 강의에는 다른 분이 질문으로 물어보시고, 출처만 잘 남겨주시면 괜찮다고 하셨는데, 이 강의에서는 따로 언급이 없더라구요. 혹시 강의를 듣고 정리한 내용을 블로그에 업로드 해도 괜찮을까요???
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
created 관련 질문입니다!
이번에 리팩토링을 하면서 created를 app.vue로 넘겨오고, 이벤트로 해당 작업은 app.vue에서 하는 부분은 완벽하게 이해한 것 같습니다. 하지만 궁금한 점이 app.vue의 created메소드가 동기적으로 계속 todoItems를 주시하고 있는 것인지 궁금합니다. 지금까지는 새로운 todo를 입력하면 새로고침을 해야 적용이 되었었는데, created를 app.vue로 옮기고 나서는 적용을 하면 바로 list부분에 표시가 되는걸 확인할 수 있었습니다. input.vue에서는 똑같이 created가 있었음에도 바로 갱신이 안됬던걸 생각하면, 하위 컴포넌트의 created는 실시간으로 동기화가 안되고, app.vue에서의 created는 실시간으로 계속 동기화가 되는 것인지 궁금합니다!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
판교님, 리스트 추가 및 삭제할때 화면에서는 왜 바로 추가 및 삭제가 보여지지 않나요? 새로고침 해야만 수정된 화면이 보여요
판교님, 리스트 추가 및 삭제할때 화면에서는 왜 바로 추가 및 삭제가 보여지지 않나요? 새로고침 해야만 수정된 화면이 보여요
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
마지막 강의 맞나요?
강의 맨 마지막에 다음시간에 정리한다고 하셨는데 다음강의가 없네요 이거 마지막 강의맞나요~?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
ㅠㅠ판교님 브랜치 이동이 안됩니다..
해당 에러가 뜨믄서 이동이 안되요 ㅠㅠ 구글링해봐도 잘 모르겠구.. git fetch --all git reset --hard origin/master 라고도 입력해봤지만 계속 동일 내용이 뜹니다;;