코공기(코딩 공부 기록) 코공기(코딩 공부 기록)

1. javascript로 element 생성하기 현재 pug를 이용한 프로젝트를 진행 중인데 그러던 중 delete 버튼을 클릭하면 상품이 삭제 안내 메세지 문구가 생성되게 하는 기능을 구현하게 되었다. javascript를 이용해 엘리먼트 요소를 만드는 방법을 크게 두가지로 알고 있었다. 1. 정석 중의 하나인 document.createElement를 이용하여 엘리먼트를 생성하고 classList.add를 이용해 class를 붙여주고 appendChild 등을 이용해 원하는 위치에 삽입하는 방식. 2. innerHtml을 이용하여 템플릿 리터럴로 요소를 집어넣는 방식. 첫번째는 구조가 복잡하고 class가 많이 붙을수록 코드가 너무 번거로워지고 보기에도 어렵고 효율적이지도 못하다. 두번째는 첫번째에..