main.js와 html 구현을 효과적으로 할 수 있는 방법(by 드림코딩 엘리)

main.js와 html 구현을 효과적으로 할 수 있는 방법을 공부하여 간략히 내용을 정리하였다.

1. head
   아무것도 보여주지 못한 채로 시간만 흐름
2. body
   js 의존도가 높은 웹사이트라면, 치명적임
3. head+async
   async는 boolean값으로, html을 파싱 하면서 병렬로 함께 실행되게 함.
   main.js가 모두 다운로드되면 이때 html 파싱을 멈추고 js파일을 실행한 뒤 다시 html 파싱 하는 방식.
   이로써 시간 단축의 이점이 있음.

출처 : 유튜브 드림코딩 by 엘리 채널

4. head+defer
   async과 비슷하지만 html이 모두 구현된 이후에 다운로드된 main.js를 실행하는 방식.
   가장 빠름.

 

 

 

 

그리고 자바스크립트 코딩 시,

'use strict'을 정의하면 상당한 오류들을 예방할 수 있다고한다.

'use strict'를 정의해주면 위의 효과뿐만 아니라 성능 개선의 효과도 있다고한다.

 

 

 

출처 : 드림코딩 by 엘리