data attribute와 dataset

HTML 태그에 데이터를 저장하는 방법

• 서버의 데이터를 프론트엔드에 내려줄 때 사용
• 태그 속성으로 data-속성명
• 자바스크립트에서 태그.dataset.속성명으로 접근 가능
  • data-user-job -> dataset.userJob
  • data.id -> dataset.id
• 반대로 자바스크립트 dataset에 값을 넣으면 data-속성이 생김
  • dataset.monthSalary = 1000 -> data-month-salary ="10000"

<ul>
  <li data-id="1" data-month-salary="10000">Kim</li>
  <li data-id="2" data-month-salary="20000">Lee</li>
  <li data-id="3" data-month-salary="30000">Park</li>
</ul>

• 추가적으로 볼 목록
  encodeURIComponent / decodeURIComponent
FormData