동적 생성한 버튼에 대한 JS인식 에러

기존에 단순히 HTML 코드를 작성하고, 해당 아이디를 통해 JS에서 인식하는 방식으로 사용해왔다.

$('#btn-incomeSave').on('click', function () {
            _this.incomeSave();
});

하지만 위와같은 코드에서 문제가 생기는데, 그것은 동적 생성한 코드의 id를 가져오는데 문제가 있었다.

이 때 위와 같이 해당 항목의 id값을 조회해서 처리하는것이 아닌,

documnet를 사용하여 문제를 해결할 수 있다.

$(document).on('click','#btn-incomeUpdate', function () {
            _this.incomeUpdate();
});

$(document).on('동작', '해당 동작을 하는 HTML id', '동작 시 실행할 명령'); 

이런 식으로 하면 동적으로 생성한 항목에 대해서도 처리가 가능하다.