[JS]script async와 defer의 차이점

node.js는 브라우저 없이도 자바스크립트를 실행할 수 있게 하는 엔진

nodejs와 webAPI에 consoleAPI가 있고 인터페이스가 동일

Application

Programming

Interface

브라우저가 이해할 수 있는 함수

+가구 만들기 키트처럼 이미 만들어진 코드의 집합체 개발자가 쉬운 구현을 하도록 돕는 프로그램 cf) cs50에서 printf/scanf 함수 쓰려고 #include <stdio.h> 포함 #include <cs50> 헤더파일 포함

개발자 도구

html, css는 elements에서 확인 js는 console에서 확인 + 작성 가능

 

ECMA문서보다 MDN에서 JS 참고 추천

브라우저가 JS 코드를 한 줄 한 줄 PARSING, 분석 → DOM(Document Object Model) 요소로 변환

 

SCRIPT 안에 내장 → 코드가 길어지면 오래 걸림 fetch: (어디를 가서) 가지고[데리고/불러] 오다, 명령을 꺼내다, 페치 ((중앙 처리 장치(CPU)가 기억 장치에 들어 있는 기계어 명령이나 자료를 수행시키기 위해 가져오는 일))

 

 

HTML은 빨리 보지만 JS는 느림

 

async는 불리언 속성값이라 선언하는 것만으로도 true

장점: body 끝에 사용하는 것보단 다운받는 시간 절약할 수 있다 단점:html parsing 되기도 전에 querySelector를 이용해 dom 요소를 조작한다고 하면 html 요소가 정의되기 전일 수도 있음

html parsing 하는 동안 언제든 js를 실행하기 위해 멈출 수 있기 때문에 사용자가 페이지를 보는 데 시간이 걸릴 수 있음