data-url, data-code 속성에 대해..

출처 : http://www.nextree.co.kr/p10155/

<핵심 내용>

- jQuery data()를 적용한 부분은 다음의 2가지로 압축할 수 있다.

• 서버에서 조회된 데이터를 추후 ajax통신을 하기 위한 data 저장
• data()를 활용하여 Form의 <input>엘리먼트의 validation 적용

- 추가적으로 HTML5에서는 HTML 엘리먼트에 data-*형식을 이용하여 미리 데이터를 저장할 수 있습니다. 이 방법은 jQuery의 data()를 이용해 저장한 것과 동일한 효과를 나타낼 수 있습니다.

사실 HTML5의 data-*가 나오기 전에는 개발자들마다 가지각색으로 HTML 엘리먼트에 허용되지 않는 속성(임의의 Attr속성)을 추가하여 사용했기 때문에 유지보수 측면이나 해석할때 매우 난해하고 지저분한 HTML이 많았습니다. 하지만 HTML5로 넘어오면서 data-* 속성이 표준화가 되면서 이전의 문제점들이 해결되었습니다.