드림코딩 자바스크립트 기초강의 정리2

자바스크립트2강 콘솔에 출력, script async와 defer의 차이점 및 앞으로 자바스크립트 공부 방향

script 태그의 실행순서 : js파일을 불러오는 script태그의 순서나 세부적인 사항 차이에 따라 결과가 달라진다.

1) head 태그의 제일 마지막에 script 태그 사용: js파일을 불러오고 실행할 때까지 HTML이 불러지지 않는다. js파일이 크다면 그동안 사용자가 HTML을 볼 수 없다는 단점이 있다.

2)body 태그의 제일 마지막에 script 태그 사용: HTML을 다 불러온 다음 js 파일을 불러오고 실행한다.

3)head 마지막에 script 태그를 넣고, async 값을 넣어주기: HTML을 읽다가 script 태그가 읽히는 순간부터 순차적으로 js파일들을 불러오고 바로 실행한다. 시간 단축의 효과가 있지만 밑 사진처럼 여러 파일이 있으면 크기에 따라 순서대로 실행되지 않을 수 있는 위험이 있다.

4)head 마지막에 script 태그를 넣고, defer 값 넣어주기: HTML을 읽다가 script 태그가 읽히는 순간부터 순차적으로 js파일을 불러오고, 실행은 HTML이 다 불러진 다음에 차례대로 진행한다. 이 중 가장 추천하는 방법!

'use strict': 실행 시 첫 줄에 사용하면 엄격한 환경에서 코드를 짤 수 있다. 왜 필요할까? -> 자바스크립트는 너무나 자유로운 언어여서 제한을 두어 규칙성을 부여했다. TypeScript쓰면 필요음슴.