인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

트릴님의 프로필 이미지

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

컴포넌트 기초

카멜케이스x 대쉬케이스 또는 케밥케이스 입니다.

작성

·

46

0

헷갈리시는분들 제목 참조용

답변 1

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. 트릴님, Vue.js 컴포넌트 관련 명명법에 대해 질문 주셨군요.

Vue.js에서 컴포넌트를 정의할 때 사용되는 네이밍 규칙에는 PascalCasekebab-case가 있습니다. Vue에서는 PascalCase로 정의된 컴포넌트를 kebab-case로 HTML 내에서 사용할 수 있도록 자동으로 해석해줍니다. 그래서, Vue 컴포넌트를 등록할 때는 BookComponent처럼 PascalCase로 쓰고, 실제 HTML에서는 <book-component></book-component>처럼 kebab-case로 사용할 수 있는 것입니다.

관련하여 보다 자세한 설명은 아래 링크를 참고하세요:

  • Vue3 공식문서: Component Registration: 이 문서에서는 PascalCase와 kebab-case의 사용 방법을 설명하고 있으며, 컴포넌트 네이밍 규칙에 대한 가이드라인을 제공합니다.

또한, 컴포넌트에 대한 네이밍 규칙과 관련하여 참고할만한 이전 질문도 함께 공유드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

트릴님의 프로필 이미지

작성한 질문수

질문하기