javascript innerHTML의 단점

웹을 만들다 보니 innerHTML로 편하게 만들다가 치명적인 단점을 발견했다.

innerHTML로 만든 DOM은 메모리 주소가 새로 할당된다는 것이다.

innerHTML로 그리는 것이 끝난 후에 해당 DOM을 가져와야 제대로 가져올 수 있다.
(그리기 전에 이벤트 리스너 같은 것을 미리 등록해놓으면 작동 안함)

버튼 등 eventListener를 달아야 되는 상황에서 매우 불편하다.

웬만하면 기존 HTML을 직접 이용하고 수시로 바뀌는 리스트에 a 태그 정도만 달려있는 곳에만 innerHTML을 사용해야겠다.