TIL JS 1일차

Dahoon Lee·2021년 8월 27일
0

TIL_JavaScript

목록 보기
2/5
post-thumbnail
  • node.js 설치
  • 콘솔에 hello world 출력
  • MDN

html파일 불러오는 과정

브라우저가 html 파일을 불러와(load)
html, css를 DOM요소로 변환 (parse)
script 태그를 만났을 때 parsing을 멈추고 서버에서 해당 js소스를 받아옴(fetch)
js소스 실행(execute)

기본적으로 동기적이기 때문에 js파일을 받고 실행이 끝나기 전까지는 script태그 밑에 있는 것들은 로딩이 안됨


async / defer

async

async 방식script태그 안에 asyn값이 true면(boolean값이라 선언만 해도 true) 계속 parsing하면서 병렬적으로 js소스도 받아옴.
다 받았으면 파싱도 멈추고 js소스를 브라우저가 실행.
해당 js소스를 실행을 마쳤다면 파싱 마지막 지점에서 다시 파싱.

defer

defer 방식은 async와 마찬가지로 선언만해도 true
일단 병렬적으로 다운 받으며 파싱하는 것까지는 같음. 하지만 소스를 다 받으면 파싱을 멈추고 js코드를 실행하는 것이 아니고, html파일 전체 파싱이 끝난 후 js코드를 실행함.

script가 한 개가 아니라면 파싱 후 순차적으로 실행


strict

'use strict'

를 선언하면 정상적이지 않은, 상식적이지 않은 (선언하지 않은 변수를 정의한다거나 ... ) 코드를 실행할 경우에 콘솔창에서 에러를 띄워줌


profile
뭐든 많이 해보고 싶은 개발자

0개의 댓글