dataset를 이용하여 탭 버튼 코드 줄이기

//이벤트 동작 함수
function tabButtonClick(i) {
  $(".tab-button").removeClass("active");
  $(".tab-button").eq(i).addClass("active");

  $(".tab-content").removeClass("show");
  $(".tab-content").eq(i).addClass("show");
}

//수정 전
$(".list").on("click", function (e) {
for (let i = 0; i < $(".tab-button").length; i++) {
  if (e.target === document.querySelectorAll(".tab-button")[i]) {
    tabButtonClick(i);
  }
});

//수정 후
$(".list").on("click", function (e) {
  tabButtonClick(e.target.dataset.id);
});