본문 바로가기
  • Seizure But Okay Developer
FrontEnd/Vue 관련자료

케밥 케이스, 파스칼 케이스

by Sky_Developer 2018. 11. 26.

Vue에서 컴포넌트들을 나눌 때 key, value 같이 지정하지 않고 적당히 형식을 맞춰 적는다면 알아서 네이밍을 하고 찾아서 쓴다는 것을 알 수 있었다.


예) 타 Component 에서 component 등록할때 이름 : OverallEvaluation.vue

     타 Component 의 template에서 사용될 때 이름 : v-overall-evaluation


위에서 보듯이 Vue는 사용자가 직접 지정하지 않아도

파스칼케이스(첫 단어를 대문자로 쓰는 표기법) -> 케밥케이스(단어를 하이픈 문자로 구분하는 표기법) 으로 자동으로 네이밍 처리해주고 사용한다는 것을 알 수 있었다.


** 수정 : 하이픈으로 구분하는 표기법은 케밥 케이스(kebab case) 라고 부른다, 이 때까지 스네이크 케이스라고 잘못 부르고 있었음..

            스네이크 케이스는 밑줄로 구분하는 표기법이다. 'snake_case' 와 같이

댓글