<span style="color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, system-ui, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px; background-color: #ffffff;">예시를 따라가던 중 개발자 도구에서 vue의 컴포넌트를 볼 때 영상에서는 해당 컴포넌트의 태그 이름인 app-header, app-content로 나오게 되는데 저는 자바스크립트 내에서 정의한 컴포넌트 이름이 나오게 됩니다. 혹시 이러한 부분에서 차이가 나오는 이유는 무엇일까요?<img src="https://cdn.inflearn.com/public/files/posts/5c25d576-7559-4b53-b56c-39dd49245899/스크린샷 2020-07-01 오후 4.42.12.png" title="스크린샷 2020-07-01 오후 4.42.12.png" width="1176" height="1228" alt="" />

아 질문하기 전체 게시판에서 보니 중복되는 질문을 찾아서 해결하였습니다 :)

안녕하세요 기연님, 좋은 질문이네요 :) 기존에 질문하셨던 내용을 잘 찾으셔서 해결하셨다니 다행입니다 :) 뷰 개발자 도구 설정에 컴포넌트 네이밍 바꾸는 옵션이 있을거에요 :) 수강해주셔서 감사합니다. 남은 강의도 재밌게 들으세요 :)

인프런 커뮤니티 질문&답변

개발자 도구에서 컴포넌트 이름이 강의와 다르게 나옵니다.