i want to eat chicken 을 각 JS 표기법에 맞게 작성해보기.
Dash Case
- 단어간의 띄어쓰기를 Dash(-)로 표현하는 표기법.
- HTML과 CSS에서 주로 사용된다.
i-want-to-eat-chicken- 가운데를 관통하는 Dash가 단어를 꽂은 꼬챙이 처럼 보여 Kebab Case 라고도 한다.
Snake Case
- 단어간의 띄어쓰기를 Underbar(_)로 표현하는 표기법.
- HTML과 CSS에서 주로 사용된다.
i_want_to_eat_chicken- 아래의 Underbar 와 글씨가 위아래로 요동치는게 뱀같아서 Snake...
Camel Case
- 단어들 중 띄어쓰기가 앞에 있는 단어의 첫 글자를 대문자로 입력한다.
- 문장의 첫 글자는 소문자로 입력한다.
- JS 에서 가장 많이 사용되는 표기법.
iWantToEatChicken- 대문자와 소문자 사이가 낙타의 혹같다고 하여 Camel 이라고 함.
Pascal Case
- 단어들 중 띄어쓰기가 앞에 있는 단어의 첫 글자를 대문자로 입력한다.
- 문장의 첫 글자는 대문자로 입력한다. (여기서 Camel Case와 차이가 있다.)
- JS에서 사용된다.
IWantToEatChicken- 아무때나 사용하는 것은 아니고, new 생성자를 사용할 때 사용된다고 함.
+
- HTML에서 전역속성 data-에서 Dash Case가 사용될 때, JS에서 자동으로 Camel Case로 변경되던 게 기억남.
- 사실 Pascal Case 말고는 Dash, Snake, Camel 어디선가 한번쯤 봤던 표기법이다.
Dash와 Camel은 위에서 말한 것 처럼 HTML에서 data- 속성을 배우면서 봤고,
Snake 는 CSS 를 공부하면서 자연스럽게 선택자 혹은 id의 이름으로 사용했었음.
