강의에서는 모든 데이터를 vuex에 저장해서 사용하시는데요. 실제 개발할 때도 모든 데이터를 vuex에 저장하는게 좋나요? 프로젝트가 커져도요? 딱 한 컴포넌트 내에서만 사용되는 데이터가 있다면 그 컴포넌트 내에서  비동기 처리하고 데이터 사용 하는게 좋나요? 아니면 vuex에서 action, mutation해서 중앙에서 모든 데이터를 관리하는게 좋나요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. vuex 가 메모리 처럼 새로고침/다른페이지 이동(SSL로) 하면 초기화가 되는데요 1. vuex 는 원래 메모리처럼 일시적으로 담아두고 새로고침을 하면 날라가나요? 2. 이걸 막기 위해서는 갖고싶은 데이터를 계속 갱신해줘야하나요?

아래 질문과 동일한 질문인데.. 이렇게 뜨는데... 혹시 다른 걸로 대체할 수 있는 방법이 있을까요? 음 해결했습니다.. 좀 이상하긴 한데 변수값?이 v가 아니기만 하면 되는 거 같아요.. v 를 text로 바꾸니까 에러 없이 잘 동작합니다. (참고로 기존 에러에서는 서버는 동작하는데 해당 에러가 title에 뜨고, 박스에 입력 자체가 불가능했습니다. 검색해봤는데 이유는 모르겠네요... )

안녕하세요. 우선 좋은 강의 감사합니다. 덕분에 2주만에 초급, 중급까지 완강해버렸습니다 ㅎㅎ 질문은 Vue.js로 개발할 때 강의처럼 간단한 로직을 만들면서 Vuex로 조금씩 변경하는지, 아니면 처음부터 Vuex를 적용해서 개발을 하시는지 궁금합니다. 물론 초기 설계에 따라 다르겠지만, 실무 경험자께서 실제로 겪어보신 것이 궁금하네요. 개인적으로 앞으로 회사에서 프론트엔드 개발할 일이 많은데 생각이 복잡합니다 ㅎㅎ 읽어주셔서 감사하며, 답변 기다리겠습니다!

갑자기 궁금해졌는데.. 공식문서를 보니까 $axios.$get 을 하더라고요.. 1. $axios.$get 처럼 get 이나 post 에서 $을 왜 안붙이는 거죠? (전체적인 강의에서) 2. $가 자바스크립트에서 , nuxt 에서 정확히 무슨 뜻인지 궁금해요..(검색해봤는데 제대로 설명하는 곳이 없는거 같아요..영어는 잘못하고 ㅠ) 도와주세요

인프런 아이디 : itsonlyreport@gmail.com인프런 이메일 : itsonlyreport@gmail.com깃헙 아이디 : itsonlyreport@gmail.com깃헙 Username : itsonlyreport 입니다. 감사합니다~

vuex 사용시 eventbus나 emit props는 사용을 지양하는게 맞나요? eventbus를 사용하면 동일선상에 있는 컴포넌트간 통신이 훨씬 간단해질것같아서 고민입니다.  지금 댓글 crud를 만들어보고 있는데 페이지마다 달라지는 댓글 정보를 state에 저장하는건 좀 이상하다는 생각이 들어서요.ㅜㅜ  

인프런 아이디 : lar8224@gmail.com인프런 이메일 : lar8224@gmail.com깃헙 아이디 : lar8224@gmail.com깃헙 Username : lahreum 늦게 확인했더니 기간 만료라고 하네요.. 다시 권한 추가 부탁드립니다... 

강의 코드 내용 그대로 babeljs.io 사이트에 적용을 했는데 선생님처럼 변환이 되질 않습니다.. 따로 설정해야 하는 게 있나요??

강의 3분 즈음 내용입니다. 삭제 버튼은 span 태그 안에 i 태그를 작성했는데 체크 버튼은 i 태그만 사용한 이유가 궁금합니다!

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

최근 듣는 분들 중 enter 작동 안하시는 분들은  .list-enter -> .list-enter-from 으로 하니까 잘 작동하네여!

안녕하세요! 강의에서 본 내용처럼 env.development 파일에 url 을 정의해놓고 사용하려고 하는데 process.env.VUE_APP_API_URL 이 undefined로 떨어져서 제대로 동작하지 않네요..ㅠ 다른 설정이빠진게 있을까요?

안녕하세요 강사님.  저는 vue cli 4 버전으로 하고 있습니다.  기존 강의 대로 slot 부분을 따라하면 npm run serve 했을 때 사진과 같은 에러가 납니다. 위의 에러를 검색해서 찾다가  TodoInput 컴포넌트의 <h3 slot="header">경고</h3>  을  <template v-solt:header>경고</template> 로 바꾸니까 해결이 되었습니다.  제 생각에는 4버전의 eslint-loader가 기존 강의 버전과 다른 규칙이 있어서 그런 것 같은데 제 생각이 맞는지 여쭤보고 싶어서 질문을 드립니다.  그리고 혹시나 제가 한 것 말고 다른 해결 방법이 있다면 알려주시면 감사하겠습니다. 

많은 분들이 헷갈려 하시는 것이 첫번째로 로그인할때 headers 에 Authorization 부분이 비어 있는 부분이 강의에 나오지 않아 헷갈려하시는것 같습니다. 현재 강의에서는 강사님도 로그인을 첫번째로 하시고 토큰값을 받아온 뒤 로그아웃 이후 다시 로그인을 하셔서 토큰값을 서버에 보내신것같습니다. 첫번째 로그인할때는 당연히 토큰을 받아온게 없으므로 없는게 정상인것같습니다.

todolist에 propsdata를 this.$store.state.todoItems로 변경시켜줬더니 페이지에 아무것도 뜨지않습니다 F5 리플래쉬하면 데이터는 화면에 반영됩니다만 화면에서 액션일으킬때 실시간으로 반영이 안됩니다....

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를 수정하시면 됩니다.

지금까지 수업했듯 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. 이렇게 적혀 있어서, 이부분을 보완하면 될 듯한데... 전혀 진행되지 않아서요...

객체에서의 this는 자기자신을 가르킵니다. 근데 es6 화살표함수를 사용하면 window를 가르키던데 제가 알기론 일반 함수가 실행되면 함수 컨텍스트가 만들어지고 그 안에 this, 변수객체, scopeChain가 정의되어져 있는걸로 알고 있습니다. 근데 es6 화살표 함수가 실행되면 함수 컨텍스트안에 this라는 것이 없고 변수객체에 this를 변수로서 상위 scope의 this를 가져오는게 맞을까요? 그래서 es6 화살표함수에는 bind()가 먹히지 않는지 궁금합니다..

payload 인자를 객체화 시켜서 한번에 넘겨주지 않고 이렇게 넘겨주어도 작동은 하는데 방법은 상관이 없을까요? removeOneItem(state, todoItem, index) { localStorage.removeItem(todoItem.item); state.todoItems.splice(index, 1); },