자바스크립트[1] - 자바스크립트 tag in html
1. script tag를 읽는 절차
1) head에 있을 때 html 을 parsing하다가 script tag를 만나면 script파일을 다운받고 다시 parsing을 시작함
=> 문제점 : parsing을 하는 시간이 길어져서 페이지가 너무 느리게 사용자에게 보여짐
2) 위의 문제를 해결하고 싶어서 <body>에 넣었을 때
=> 문제점 : js가 중요한 부분을 차지하고 있다면 웹페이지는 보여지지만 기능이 제대로 구현되지 않아서 불편
3) asyn 를 사용
=> 병렬로 parsing과 fetching js를 진행함. -> fetching js의 (다운로드가) 실행이 끝나게 되면 (먼저 다운받아진 js를 차례대로 = 작성한 순서와는 상관없이 )executing js를 하고 parsing은 잠시 멈추고 이후에 다시 parsing.
=> 문제점 : 1)번보다는 시간적인 문제에서 빠르지만 시간적인 문제가 여전히 존재함/ js가 실행될때 웹사이트의 정보와 jqeury처럼 소통해야한다면 이때 웹사이트가 아직 다 parsing되어있지 않아서 문제가 발생할 수 있음
4) defet옵션
=> header안에 script를쓰고 defer를 사용해서 parsing하는 동안 js를 fetching(down)만 해두고 즉 기억만 해두고 parsing이 완전히 끝난후에 executing을 진행하는 방법
2. use strict의 사용
=> 자바스크립트 엔진이 더 효율적으로 작동하게됨
=> 더 체계적으로 코드를 작성할 수 있게 됨.
