css와 js 위치

나는 css와 js를 head에 놓고 작업을 한다.

다만 css는 head와 js는 body 하단에 두는 것이 좋다고 알고는 있다.

그 이유를 몰랐는데 알게 되어 정리를 한다.

 

기본적으로 HTML은 위에서 아래로 코드가 실행된다.

head를 먼저 불러오고 body를 불러오게 되는데

head에 js가 있어 용량이 크다보면 백지 화면이 오래 노출된다.

 

반면 css는 화면을 그리는 역할이라서 적용이 늦게 되면 화면이 깨지는 경우가 발생한다.

그러므로 head에는 css, body 하단에는 js를 두도록 하자.

 

* 추가적으로 bootstrap은 제이쿼리 기반이라 제이쿼이를 먼저 불러오고 써야 한다.