코딩하는 베어브릭

JavaScript문법에 대해 알아보기 전에 html파일에 js파일을 연결하는 법에 대해 알아본다. html파일의 위 경우는 웹이 코드를 위에서부터 아래로 순차적으로 읽으면서 html파일을 로딩하는 도중, 코드를 만나게 되면 html파일 로딩을 중단하고 js파일을 다운받는다. 그리고 js파일 다운이 완료된 후에 다시 html파일을 로딩한다. 하지만 이는 웹페이지 로딩시간이 오래 걸리게 된다. 이를 해결해주는 것이 바로 태그 속성인 asyn과 defer이다. asyn속성은 html파일을 로딩하는 동시에 js파일을 다운하고, js파일이 다운되면 즉시 웹페이지에 적용한다. 페이지 로딩 시간은 줄었으나 단점은 html파일이 로딩되기도 전에 js파일이 적용되었기 때문에 아직 정의되지 않은 태그에 js파일이 접근하..