티스토리 뷰

카테고리 없음

자바스크립트[1] - 자바스크립트 tag in html

백수진 2021. 11. 20. 17:03

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의 사용

=> 자바스크립트 엔진이 더 효율적으로 작동하게됨

=> 더 체계적으로 코드를 작성할 수 있게 됨.

 

javascript
html
consloe.log('값')를 활용한 정상작동 확인하기