WIKI :: 프로그래밍 표기법(kebab-case, snake_case, camelCase, PascalCase)

Vue에 대해 공부를 진행하면서, `html과 css는 대소문자를 구분하지 않고 모두 소문자 취급` 한다는 것을 알게되었고, 그럼에 따라 `프로그래밍 표기법`으로 구분을 하게 되면서, 중요하다고 판단되어 정리하고자 한다.

 

프로그래밍 표기법

• 나무위키 에서는 다음과 같이 설명하고 있다.

 기계가 이해하기엔 결과적으로 동일하지만, 코드를 작성하는 건 인간이기 때문에 (비단 코드를 짠 본인이 아니라도) 열람 및 유지보수를 용이하게 하기 위해 어느 정도 통일된 스타일의 필요성이 생겨난 것으로 추정된다.
...
코딩 스타일이 카멜레온마냥 변하는 것은 가장 안 좋은 습관이다.

---

표기법의 종류

• 표기법의 이름들의 표시를 통해 표기법을 유추 해볼 수 있다.

 

1. kebab-case

• 하이픈( - )으로 단어를 연결하는 표기법
• HTML 태그의 id, class 명을 명시할때 주로 사용
• eg. monitor-first, book-title etc

 

2. snake_case

• 밑줄문자( _ )로 구분하는 표기법
• eg. statistics_top_donut_graph, calendar_month etc

 

3. camelCase

• 단어를 연달아 사용할때, 첫 글자를 대문자로 적으나, 맨 앞에 오는 글자는 소문자로 작성
• 마치 낙타 등 같다고 하여 다음과 같은 이름이 붙었다.
• eg. schMonthCheck, dateMonthTime etc

 

4. PascalCase

• 단어를 연달아 사용하고, 맨 앞에 사용되는 단어의 문자또한 대문자로 작성
• camelCase와 유사하다. 두개의 단어를 사용한다면 봉이 두개이기에 `쌍봉낙타법` 이라고 불리기도 한다.
• eg. SchMonthCheck, DateMonthTime etc