카멜 표기법(Camel Casing Notation)

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

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

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

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

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

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

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

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

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

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

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

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

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