document read function을 순수 바닐라 자바스크립트로

원래 제이쿼리에 조금 더 익숙했던 나

요즘은 바닐라자바스크립트를 쓴다고한다.

이유는 아무래도 jquery는 라이브러리기 때문에 용량이 크고 바닐라자바스크립트보다 느리다고한다.

초반에는 느렸던 javascript가 크롬을 만나면서 기술이 좋아지고 속도가 많이 향상되어 지금은 더 빠르기 때문에

jquery문법보다는 순수 javascript를 쓰는 추세라고 한다!

하지만, 직관적으로 보기 쉽고 이해하기 쉬운 코드는 jquery인것은 무시하지 못한다!

 $(document).ready(function(){ });
 
 $(function(){ });

=>

window.addEventListener("DOMContentLoaded", function(){  });

window.addEventListener("load", function(){  });

window.onload = function(){ };

등으로 쓸 수 있다.