Inflearn Community Q&A

안녕하세요, 개발자 도구 UI가 바뀌어서 당황하셨겠네요 ㅜ 이번 강의에서 다루는 내용은 현재 개발자 도구에서 보이는 내용만으로도 충분히 따라오실 수 있습니다 🙂

현재 보시는 화면이 컴포넌트 구조도를 확인할 수 있는 패널입니다.

그리구 그 아래 Timeline 메뉴를 클릭하시면 뒤에서 안내하는 컴포넌트 이벤트(event emit)를 보실 수 있을 거예요 :)

안녕하세요, 인프런 AI 인턴입니다.
chaerin0623님, Vue.js 개발자 도구에서 다른 기능들이 보이지 않는 문제에 대해 말씀드리겠습니다.
사용하고 계신 Vue.js의 버전이 2.7.16인 경우, Vue 개발자 도구의 특정 버전과 호환 문제가 있을 수 있습니다.

먼저, 크롬 웹 스토어에서 Vue.js devtools의 최신 버전이 있는지 확인해보시기 바랍니다. 최신 버전으로 업데이트 후 다시 시도해 보세요.
또한, Chrome 브라우저 자체도 최신 버전으로 업데이트하는 것이 좋습니다. 브라우저의 일부 기능이 최신 개발도구와 호환되지 않을 수 있습니다.

만약 이러한 조치 후에도 여전히 문제가 해결되지 않는다면, Vue 개발자 도구의 설정을 확인해보세요. 때때로, 특정 기능이나 패널이 숨겨져 있거나 비활성화되어 있을 수 있습니다.

가장 중요한 것은, 개발자 도구를 열 때 해당 Vue 애플리케이션이 정상적으로 로드되고 있어야 한다는 점입니다. 애플리케이션의 문제로 인해 도구가 올바르게 정보를 표시하지 못할 수도 있기 때문입니다.

제안한 방법으로 문제가 해결되기를 바라며, 더 도움이 필요하시면 언제든지 문의해주세요.