Async (1) 썸네일형 리스트형 [javascript]스크립트 태그의 위치는 아무 곳이나 상관없을까? 스크립트 태그 위치 규칙1. html의 파싱(dom)은 위에서 아래로 한줄씩 이뤄짐 중간에 css 파일을 만나면 html 파싱을 멈추고 css 파싱(cssom) 스크립트 태그를 만날 시 html 파싱 중단, js 엔진에서 js 파일 다운 및 실행 방법 1. head 위치 - body가 파싱되기 전에 스크립트부터 동기적으로 파싱 - js 실행이 느리면, 빈 페이지가 보임 방법2. body 끝자락 위치 - 가장 많이 쓰는 방법 - html 페이지가 다 파싱된 이후에 js 파싱 - js 작업이 느리면, 무반응 페이지가 생성 - jsx의 경우, 불완전한 빈 페이지 생성 방법3. head위치 + async 속성 - 스크립트태그를 헤드 위치, async속성 부여 : js 파일 다운이 html 파싱과 비동기적으로 병.. 이전 1 다음