1. script async vs defer default script 에 option 값을 주지 않고 html 파일을 실행하게 되면 위에서 아래로 순차적으로 코드가 실행된다. 위에서부터 HTML parsing을 하다가 중간에 script 코드가 있으면 parsing을 멈추고 해당 js를 fetching 하고, fetching이 끝나면 executing 하고 그 다음 다시 parsing을 시작한다. => page를 loading 하는데 시간이 오래 걸린다. async async는 boolean 값으로 위에 그림에서처럼 선언 하는 것만으로 true로 설정되어 사용할 수 있다. HTML parsing과 js 파일을 병렬로 fetching하고, fetching이 완료되면 parsing을 멈추고 executin..
논리식 (Logical) 논리식에서 거짓(false)인 8가지 1. 0 2. -0 3. '' 4. "" 5. false 6. null 7. undefined 8. NaN AND조건, OR조건 AND 조건 : && OR 조건 : || &&는 AND 연산자로 양쪽 모두 True 여야 한다. 반면 ||은 OR 연산자로 양쪽 중 한 쪽만 True여도 True를 출력한다. 예시 *** AND조건 2＆＆3 : AND 조건이므로 2를 먼저 확인하여 True이면, 3 또한 확인해야합니다. 여기서는 3 또한 True이므로 마지막 값인 3이 출력된다. 0＆＆2 : 같은 AND 조건이지만, 앞의 0이 이미 False이기 때문에 뒷 부분과 관계없이 0이 출력된다. 'Hi'＆＆0 : 앞의 String은 True이므로 뒷 부분을..
웹페이지를 만들면 브라우저가 HTML 파일을 읽기 시작하며 HTML 파일 내부의 각각의 태그들을 분석하여 Node로 변환한다. HTML 태그를 브라우저가 이해할 수 있는 형태의 오브젝트로 변환하는 것이다. Node 오브젝트는 EventTarget 이라는 오브젝트를 상속한다. 결국 Node 오브젝트는 EventTarget의 오브젝트라고 말할 수도 있다. 즉, 모든 Node는 이벤트가 발생할 수 있다. 따라서 document 역시 Node를 상속하기 때문에 document에서 이벤트가 발생할 수도 있다. 다시 말해 모든 Node 는 EventTarget이다 라고 할 수 있다. MDN Node MDN EventTarget CSSOM : CSS Object Model 브라우저에서 DOM을 만들고 나면 우리가 정..
