남들이 안해본것을 해서 궁극적인 지식의 완성을 목표로 하는 블로그입니다.
제품리뷰 , IT, 프로그래밍 관련글을 포스팅합니다.
또한 자기만 읽으려고 만든 정리 노트식의 글들을 싫어합니다. 비전공자나 처음 본 사람도 최대한 이해할 수 있도록 프로그래밍 관련 글들을 쉽게 적으려고 노력하고 있습니다. 보안 계통과 컴퓨터의 Low-Level 한 분야에 관심이 많습니다.
현재 인프런에서 위 강의를 보면서 Vue.js를 학습중인데 강의가 이전 강의라 Vue 2 버전을 사용합니다. 최신 Vue.js devtools 는 (Vue 전용 개발자 도구) Vue 3 용으로 업데이트 되서 Vue 2 버전에서 학습할 때 데이터나 컴포넌트들이 일부 제대로 표시되지 않는 경우가 있었습니다.
이를 해결하고 싶으시면 기존에 최신 Vue.js devtools 를 지우시고 아래 레거시 버전의 Vue.js devtools 를 설치 하시면 됩니다. (이름이 완전히 겹치고 하는 기능도 같아서 새 걸 지워주셔야 합니다.)
[Vue] Vue 2 버전에서 최신 Vue.js devtools 이 제대로 동작하지 않을 때
https://www.inflearn.com/course/Age-of-Vuejs/
Vue.js 시작하기 - Age of Vue.js - 인프런 | 강의
Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요., - 강의 소개 | 인프런...
www.inflearn.com
현재 인프런에서 위 강의를 보면서 Vue.js를 학습중인데 강의가 이전 강의라 Vue 2 버전을 사용합니다. 최신 Vue.js devtools 는 (Vue 전용 개발자 도구) Vue 3 용으로 업데이트 되서 Vue 2 버전에서 학습할 때 데이터나 컴포넌트들이 일부 제대로 표시되지 않는 경우가 있었습니다.
이를 해결하고 싶으시면 기존에 최신 Vue.js devtools 를 지우시고 아래 레거시 버전의 Vue.js devtools 를 설치 하시면 됩니다. (이름이 완전히 겹치고 하는 기능도 같아서 새 걸 지워주셔야 합니다.)
https://chrome.google.com/webstore/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp/related
Vue.js devtools
Chrome and Firefox DevTools extension for debugging Vue.js applications.
chrome.google.com
(정확히는 확인 안해봤는데 제가 봤을땐 그냥 구버전 백업해두고 그걸 준 거 같습니다.)
결과적으론 Vue 2 에서도 잘 동작합니다~
'웹 > Vue, React, Angular' 카테고리의 다른 글
COMMENT WRITE