25%
41,250원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
git 권한 승인
삭제된 글입니다
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
질문드립니다.
vue.js 관련 메뉴얼을 보는데, 강좌하고 다소 관련은 없으나 궁금해서 여쭤봅니다. https://vuejs.org/v2/style-guide/ 에 접속하면 오른쪽 상단에 +버튼이 있고, "앱을 설치하시겠습니까?"라는게 있는데 따로 API를 사용해서 구현하나요? 자세한 설명 부탁드립니다.
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
list 순서
똑같이 진행했는데 저는 선생님이랑 다르게 리스트 순서가 역순으로 나오는데 무슨 차이인가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
질문합니다.
안녕하세요. 초급 강의에서 궁금한게 있어서 질문합니다. 질문1) return 할 때 중괄호는 왜 써주는건지 궁금합니다. 질문2) 동영상: axios를 이용한 데이터 전송 및 form 구현 노란색 형광펜에서 id는 무엇이며 값 11이 어디서 나온건지 궁금합니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
npm run dev 명령어
안녕하세요 캡틴기효님~~~! ლ( ╹ ◡ ╹ ლ) 지금까지는 npm run serve 명령어로 localhost 에 접속을 했던 것 같은데 이번 강의 부터는 npm run dev로 실행을 하셔서 깃헙 들어가서 package.json 에 "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 이거만 복붙해서 npm run dev를 해봤더니 오류가 뜨더라구요! ㅜ_ㅜ **그래서 질문입니다..! 1) 그냥 npm run serve로 확인하면 될까요? 2) 이 강의에 이어서 로드맵 짜놓으신대로 웹팩 강의 들을 생각인데 , 그 강의를 듣고 나면 이런 부분에 대해 이해를 할 수 있게 되나요??(그러면 그냥 우선 더 찾아보지 않고 넘기려고 합니다!)
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
출처를 알 수없는 js파일 두개 질문드립니당..!
저렇게 vs code에서 index.html 을 열어보면 보이지 않는 스크립트 파일 두개가 개발자도구에서는 보이는데요 저 파일들은 어디서 와서 저기서만 보이는 건지 궁금합니다! (저희가 생성한 프로젝트 폴더 안에는 js라는 폴더 자체가 없지 않나요??) 그리고 왠지 연결되는 질문일 것 같은데.. index.html에서 아무런 스크립트나 다른 파일을 연결 해주지 않았는데 어떻게 화면에 저희가 작성한 내용들이 나타는 것인지(? 설명하기가 어려워요 ㅠㅠ) 궁금해요! 음 그러니까..main.js에 new Vue({...}) 요부분을 index.html에서 불러와야 <div id='app'></div> 여기에 붙여지는거 아닌가요?? 제가 어떤 부분을 놓치고 있는지 알려주시면 감사하겠습니다! ㅠㅠ (연휴인데 질문을 많이 올려서 죄송해요 ㅠ_ㅠ)
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
버전 차이로 인해서 파일이 조금 다르게 생성되는 것 같습니다!
안녕하세요:) vue create로 프로젝트를 생성했는데요! 강의에 보면 index.html안에 <script src="/dist/build.js"></script> 요 부분이 있는데 이 스크립트 파일이 제가 만든 프로젝트 폴더 안에는 없는 것 같아서요..! 그냥 무시하고 진행해도 될까요??
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
esc로 모달 끄기
모달에서 esc를 눌렀을 때 showModal을 false로 변경해서 모달을 끄려고 하는데요. v-on:keyup.esc="showModal=false" 이 부분이 어느 태그에 들어가야하나요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
input 부분에 커서 위치가 가운데에 생깁니다!
저는 왜 input 부분에 커서가 가운데에 생길까요~? 강의랑 똑같은 위치로 바꾸려면 어떻게 해야 할지 알려주시면 감사하겠습니다! ! 엇 저 아래 다른분께서 동일한 질문을 하신걸 지금 발견했는데요! App.vue에서 인풋 박스의 너비가 200px로 설정되어 있어서 그렇습니다 :) 라고 답변해주셨는데, 그러면 너비를 뭘로 바꾸어 주어야 하나요..??
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
브랜치 질문 드립니다!!
캡틴기효님 (ㅎ_ㅎ) 안녕하세요!!아주 작은 질문이 있습니다! 지난 시간에 저희가 강의에서 브랜치를 es6/const로 바꾼 채로 종료를 했었는데 그리고 나서 이번 강의에서 vue cli를 설치하고 vue create하는 이런 과정은 브랜치 변경 없이 진행해도 되는 건가요?? 따로 언급이 없으신걸 보면 상관이 없거나, 아니면 당연히 master브랜치로 다시 돌려놓고 하는 거거나 둘 중 하나겠죠..?? 깃 공부를 좀 해야하는데..ㅜㅠ 아직 지식이 부족해서 여쭤봅니다..!! 좋은 강의 만들어주셔서 정말 감사드리고(공부 할 좋은 자료와 선생님이 계시다는게 얼마나 좋은지..ㅜㅜㅜ) 중급 강의도 열심히 따라가보겠습니다!!
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
error 'index' is defined but never used no-unused-vars 가 나옵니다.
안녕하세요 판교님, 제목과 마찬가지로 저런 에러가 나옵니다 eslint 에러같아 vue.config.js 파일을 생성해서 module.exports = { devServer: { overlay: false }} 셋팅도 해줬습니다. 서버재시작을 해도 저러네요ㅎㅎ;; toggleComplete: function(todoItem, index){ todoItem.completed = !todoItem.completed; localStorage.removeItem(todoItem.item); localStorage.setItem(todoItem.item, JSON.stringify(todoItem));} 에 index를 지우면 에러가 사라지는데 페이지 상에 local storage에 반응이 없어집니다. 틀린게있나 싶어 이러저리 돌려가며 소스확인을 해봤는데 이상은 없는것 같아서 질문드립니다.
- 해결됨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 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
버전마다 에러가...
강의 보고 따라하는데 너무 버전 차이나서 에러가 많아요 제 생각인데 강의영상 밑에 메모해주시면 안될까요? 전후 바껴진거 명령어라던지 새로 바뀐거 메모해주시면 참고하면 될것 같아요 전에 초급강의를 거쳐서 지금 중급강의를 보고 있는데 많이 바껴져서 너무 헷갈리네요
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
fontawesom.com cdn
강사님 fontawesome.com 의 정책이 약간 바뀐걸까요? get started 시에 이메일 입력하라고 한 후에 계정별로 <script> 코드에 cdn을 태워서 주는데 잘 안되네요 .. 강사님 코드를 가져다 실습할 수 있게 권한 부탁드립니다. git에 comment 남겼습니다.
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
모듈화 작업 후, 배열 잔상? 문제
안녕하세요. 모듈화 작업 후, insert 및 delete 작업을 했는데, 새로고침을 해도 다음과 같이 Array[1]로 잔상?이 남습니다. localStorage에도 다 지워진 후라 목록에 뜨진 않지만 아래와 같이 array[0]이 되지 않습니다. 저만 이런 것 같은데, 이런 경우 이슈로 보진 않나요?
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
delete 후 새로고침 시 발생하는 현상입니다.
리팩토링을 다 마치니 모두 정상적으로 작동합니다. 코드에 오류가 있어서 그랬던 것 같습니다. 감사합니다. 안녕하세요, 현재 mutations에 넣는 리팩토링 단계에 있습니다. 다름이 아니라, 1, 2, 3, 4, 5를 목록에 추가 후, 하나씩 지우고 새로고침하면 다음과 같이 개발자도구 Vue의 state의 목록에 1, 2, 3, 4, 5에 대한 배열값이 있습니다. 제가 하나하나 지우면서, 저 부분 클릭하여 배열 길이가 줄어드는 것까지 확인을 했고 localStorage에도 데이터가 없는 것을 확인했는데 다음과 같은 현상이 발생합니다. 또 간혹, BaseState 하단에 뜨는 이벤트가 클릭 한 번에, 한 건이 뜨는 게 아니고 클릭 한 번에, 두 건 혹은 클릭횟수 +1 되어서 중복으로 뜨는 경우가 있는데 캐시 문제일까요? insert의 경우, 정상작동하다가 toggle과 deleteAll 작업 후, 위의 문제가 발생했습니다. (클릭 한 번에 이벤트 두 건씩 목록에 올라옴, localStorage는 정상적으로 값이 하나씩 있습니다.) (클릭 시간까지 똑같이 중복으로 나옵니다.) 항상 감사합니다. (*입력 1건당 addOneItem이 2건씩 발생하는 문제입니다.)
- 해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
v-bind 및 :에 대해 궁금한게 있어 질문드립니다..
안녕하세요! vue를 사용하다 문득 궁금한게 떠올라 질문을 드리게 되었는데욤.. 예를 들어, v-bind:style 과 :style이라는 태그가 있는데, 이 태그들의 차이점이 무엇인지 궁금합니다. 또 하나 더 질문드리자면, @click과 v-bind:click이 찾아보니 같다고 하는데 무슨 차이가 있는지도 궁금합니다. 감사합니다. :D
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
component vue생성 이후에 나는 오류
강의 들은걸 참고해서 로그인 창을 만들어보고 있습니다. component에서 새로운 signup.vue파일을 생성한 이후로 오류가 뜹니다. 그리고 loginfooter.vue에서도 <template>을 없애지 않고 serve실행시키면 같은 오류가 뜹니다. 설치 파일이 잘못되었다고 하기에는 webpack,vue,vuex,router다 멀쩡히 설치가 되어있는데 원인을 모르겠습니다.
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
강의 내용중 이해가 가지 않는 부분이 있습니다.
5:50 부분을 보시면, 말씀하실 때 1) App.vue에 header,input,list,footer등의 컴포넌트가 등록 되어있고 2) App.vue는 main.js의 뷰 인스턴스에 등록이 되어있다 하셨는데 3) 따라서 TodoInput에 있는 this는 현재의 TodoInput.vue 컴포넌트를 가리킨다 라고 하셨는데요. 2번과 3번 각각은 이해가 되는데, 둘의 연관성이 이해가 되지 않습니다. 결국 한개의 App.vue 인스턴스에 등록되어있다면 해당 this는 App.vue를 가리켜야하는 것 아닌가요? 왜 TodoInput을 가리키게 되는건가요?? 뷰파일이 분리되면 this도 분리되서 해당 컴포넌트를 가리키게 되는건가요? 아니면 전역에서 newTodoItem을 선언한 파일은 TodoItem밖에 없으니 전역에 있는 data()를 들고온건가요?
- 미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue create로 생성해서 프로젝트 실행해도 되나요?
vue create로 생성하면 잘 되는데, 두번째로 알려주신 webback 명령어로 프로젝트 실행하게되면 아래와 같은 에러가 계속 뜹니다. 스택오버플로우에 해결책을 찾아보아도 다들 같은 에러를 안고있네요 ㅠㅠ; 한시간동안 해결을 못하겠는데 vue create로 실행하면 정상작동합니다. 괜찮을까요? 문제가 뭐였을까요?