3D Web Art

아래 정리가 잘 된 문서이다.참고하면 도움이 될듯하다.https://hhyemi.github.io/2021/06/09/arrow.html 일반함수와 화살표 함수를 사용시 이벤트리스너에서 차이가 확연히 날것이다.document.querySelector('selector').addEventLisetner("click", function(e) {    console.log(this);    // 일반함수에서 this는 셀렉터 자신을 반환한다.})결과 : 셀렉터의 html dom document.querySelector('selector').addEventLisetner("click",(e) => {    console.log(this);    // 화살표함수에서 this는 브라우저 window를 반환한다.})..

document.addEventListener("DOMContentLoaded", () => {    /* Code :    이 안에 코드가 작성이 되지 않을떄 떄로는 오류가 발생하기도 한다.    이유는 문서가 완전히 로드 되기 전에 스크립트가 실행게 되면    스크립트기 실행 되는 시점이 html dom이 그려지기 전이기 떄문에    해당 셀렉터에 해당 되는 html dom은 존재하지 않은 상태로 스크립트가 실행되어 오류가 발생되는 이슈가 가장 많이 발생되는 오류 원인이다.    다른 이유도 존재할 수 있음.    */});