[FrontEnd Interview] html data- 속성은 무엇에 좋은가?
개발/FrontEnd Interview
2021. 1. 5. 00:16
자바스크립트 프레임워크가 인기있기 전에, 프론트엔드 개발자는 비표준 속성, DOM 추가 프로퍼티의 동작없이, DOM 자체에 추가적인 데이터를 저장하기 위해 data- 속성을 사용했다. 이는 적절한 속성이나 요소가 없는 페이지나 어플리케이션에 사용자 정의 데이터를 비공개로 저장하기 위한 것이다. 최근에는 data- 속성을 사용하는 것을 권장하지 않는다. 그 이유는 사용자가 브라우저 inspect 기능을 사용하여 데이터나 속성을 쉽게 수정할 수 있기 때문이다. 데이터 모델은 자바스크립트 자체에 더 잘 저장되며, 라이브러리나 프레임워크의 데이터 바인딩을 통해 DOM을 업데이트 된 상태로 유지하는 것이 더 낫다.