Camel Casing Notation, 카멜 표기법, 또는 낙타 표기법이라 한다.


단어와 단어 사이를 점이나 공백 없이 대소문자로 구별하는 방법으로,


낙타의 혹처럼 들쑥날쑥 한 모양으로 구분한다는 것에서 이름이 유래하였다한다.


자바스크립트에서는 카멜표기법이 필수인데, 예컨대,


document.getElementById('wrap').style.backgroundSize='20px 20px'


빨갛게 칠해진 곳에서 카멜표기법이 이용된 것 보이는가?


원형을 쓰자면 getelemenybyid, background-size 겠지만


자바스크립트 프로퍼티는 특수문자를 쓰지 않기 때문에 background-size라고 쓸수 없고,

-를 지움과 동시에 그 사이를 카멜표기법으로 구분해준 것이다.



간혹 '그럼 -webkit-transition 이라던지, 앞에 엔진명이 붙는 css3 속성들은 어떻게 표기하나요?'라는


궁금증을 갖는 분들이 있다. 카멜표기법의 정의에서 생각해보면,


특수문자를 지우고 단어와 단어사이 구분만 시켜주면 되기에,


'webkitTransition' 이런식으로 간단하게 표현할수 있다.

web.png