[ 동적으로 생성된 html tag에 EventListner를 등록하려고 할 때 ]
1. 문제 발생 상황
- backend에 데이터를 요청한 후 받아와서 그 데이터로 동적으로 html를 만든 상태에서,
동적으로 만든 html에 addEventLisnter()를 활용하려고 하니 태그를 인식 못하는 상황
2. 문제 발생 원인
- 동적으로 만든 html 태그는 DOM이 처음 로드될 때는 해당 요소가 존재하지 않기 때문에 선택되지 않음
3. 문제 해결 방안
- 1) event 걸고자 하는 태그의 부모 태그를 초기 html에 세팅 해 놓고,
부모 태그에 이벤트 걸기 - 2) < a href="/경로/${id}" >
- 3) 동적 태그 만드는 함수 안에, eventlistner 생성하는 함수 내장하기
