🌐 insertAdjacentHTML로 쉽게 append 하자

DOM에 텍스트로된 html 삽입하기 개발자들이 제이쿼리를 애용해왔던 이유중 하나가 바로 텍스트로 된 html문자열을 그대로 함수에 넣으면 바로 DOM에 추가/삽입이 된다는 점이었다. $('div').append('안녕하세요'); $('div').prepend('안녕하세요'); $('div').after('안녕하세요'); $('div').before('안녕하세요'); 바닐라 자바스크립트에서도 append, after 함수가 있지만, 매개변수로 문자열이 아닌 document.createElement("div") 통해 만든 node 객체 만을 받을수 있어, 코드가 길어지고 가독성이 안좋아 별로 사용성이 좋지 않았다. 물론 innerHTML 프로퍼티로 html형식의 문자열을 넣을수는 있지만 어느 위치에 넣을지..

인파_

2022.12.04