HTML 의 data 속성 - JS 전연변수 대신에 데이터 전역으로 사용하는 방법

데이터를 전역으로 사용하기 위해서는 보통 전역변수를 사용하긴 한다.

하지만 팀장님은 해당 방법을 비추천하셨다.

대신에 HTML 에는 data 라는 속성이 있고, 해당 속성에 값을 담아놓고 찾아와서 사용하는 방법을 알려주셨다.

 

...

if($(this).val() === main_order_number){
    infoContext =
        '' + item.order_id + '/info"' +
        ' class="btn btn-default btn-sm" target="_blank" data-receiver="'+item.receiver+'" data-phone="'+item.phone.replace('+82 ', '0')+'">' +
        '<i class="fa fa-external-link"></i>예약정보 바로가기</a>'
}