자바스크립트 프레임워크가 인기있기 전에, 프론트엔드 개발자는 비표준 속성, DOM 추가 프로퍼티의 동작없이,
DOM 자체에 추가적인 데이터를 저장하기 위해 data- 속성을 사용했다.
이는 적절한 속성이나 요소가 없는 페이지나 어플리케이션에 사용자 정의 데이터를 비공개로 저장하기 위한 것이다.
최근에는 data- 속성을 사용하는 것을 권장하지 않는다.
그 이유는 사용자가 브라우저 inspect 기능을 사용하여 데이터나 속성을 쉽게 수정할 수 있기 때문이다.
데이터 모델은 자바스크립트 자체에 더 잘 저장되며, 라이브러리나 프레임워크의 데이터 바인딩을 통해 DOM을 업데이트 된 상태로 유지하는 것이 더 낫다.
'개발 > FrontEnd Interview' 카테고리의 다른 글
| [Frontend Interview] 왜 css <link>를 <head>내에 선언하고, js <script>를 <body> 직전에 위치시키는 것이 좋은 방법인가? (0) | 2021.01.07 |
|---|---|
| [Frontend Interview] <script> <script async> <script defer> 의 차이점 (0) | 2021.01.06 |
| [Frontend Interview] cookie, sessionStorage, localStorage 들의 차이점은? (0) | 2021.01.06 |
| [FrontEnd Interview] 여러 언어로 되어 있는 컨텐츠의 페이지 제공하는법 (0) | 2020.12.31 |
| [FrontEnd Interview] DOCTYPE이란 무엇인가? (0) | 2020.12.31 |
