Node.js 강의를 듣는 중입니다.
"AJAX로 삭제요청하기 2" 강의를 듣는 중인데 질문이 있습니다.
삭제버튼을 누르는데
1. JS방법
var deleteButton = document.querySelector('.delete')
deleteButton.addEventListener('click', function (e) {
console.log(e.target)
})
2. 제이쿼리방법
$('.delete').click(function (e) {
console.log(e.target)
})
제이쿼리방법때는 어떤버튼을 누르든지, 누른 버튼에 이벤트가 작동이 되는데,
JS방법으로 할 때에는 오직 첫번째 버튼에 이벤트만 적용되고 나머지 버튼은 작동을 안합니다.
제가 코딩애플님 강의 들으면서 다른강의에서도 HTML 반복문으로 구현하고 JS식으로 addEventListener로 잡아서 해도 문제가 없었던거로 기억을 하는데..
갑자기 제가 뭘 잘못알고있는건가 혼란이 와서 질문을 남깁니다..!
-------------------------
다음으로, 버튼에 deta-id 번호를 부여하여 delete요청을 서버로 전송하였는데,
유저가 콘솔창 열어서 deta-id 를 임의변경하여서 전송을 하면 변경된 정보가 서버로 넘어가는데
이것은 어떻게 방지할 수 있을까요?
