[Vue.js] 네이밍 케이스 종류

1. 카멜케이스

camelCase

 - 단어 연결할때 연결되는 단어의 첫글자를 대문자로 시작하는 표기법

 - js에서 흔히 사용됨

props: { greetingText: String } <WelcomeMessage greeting-text="hi"/>

 

2. 케밥-케이스

kebab-case

 - 하이픈으로 단어를 연결하는 표기법

 - html 태그명으로 흔히 사용됨

<div>       <lotto-ball v-for="ball in winBalls" number="5"></lotto-ball>     </div>

 

3. 파스칼 케이스

PascalCase

 - 첫 단어를 대문자로 시작하는 표기법

export default {      components: {        lotto-ball : LottoBall,      },      ...    }

 

4. 스네이크 케이스 (뱀 표기법)

snake_case

 - 단어를 밑줄 문자로 구분하는 표기법

 

5. 헝가리언 케이스

strName, bName, szName

 - 접두어를 사용하는 표기법

 - str -> string, b -> boolean, sz -> null로 끝나는 문자열(string+zero)

 

 

출처 : https://okayoon.tistory.com/entry/%EB%84%A4%EC%9D%B4%EB%B0%8D-%EC%BC%80%EC%9D%B4%EC%8A%A4%EC%BC%80%EB%B0%A5-%ED%8C%8C%EC%8A%A4%EC%B9%BC-%EC%8A%A4%EB%84%A4%EC%9D%B4%ED%81%AC-%ED%97%9D%EA%B0%80%EB%A6%AC%EC%99%80-css-%EB%B0%A9%EB%B2%95%EB%A1%A0