JavaScript의 dataset속성?
HTML data-* 속성
- HTML 태그 속성명을 개발자가 직접 만들고 싶을 때
- 사용자 정의 속성
<태그명 data-*="값"></태그명>
<li data-menu-id="${index}" class="menu-list-item d-flex items-center py-2"><span class="w-100 pl-2 menu-name">${menu.name}</span>data-*값 가져오기
- 요소를 선택하고 dataset객체에서 속성을 읽어들임
- 속성명이 계속 붙어있는 경우 카멜 표기법으로 작성
const menuId = e.target.closest('li').dataset.menuId;