-
JS기초정리(DOM, for/while/let/const,Arrowfunction)JS 2021. 9. 5. 01:30
1.기본 참고 사이트
2.DOM
Critical Rendering Path
- 웹 브라우저가 HTML 문서를 읽고 → 스타일 입히고 → 대화형 페이지로 만들어
- → 뷰포트에 표시 하는 과정
->:문서 객체 모델 - XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스!
3.async vs defer
- async: 먼저 js.다운로드 받으면서 → 실행 ⇒ 정해진 순서 상관없이 먼저 다운로드 된 js실행!! ⇒순서중요한경우 ㄴㄴㄴㄴ
- defer: html parsing하는 동안 js 다운로드 → 먼저 html보여주기
4.variables
- Mutable: let
- Immutable: const
5.조건문/반복문
-switch : 조건식 두개 사용
switch (조건식) { case 비교조건식 동작문 }
특징 : 중간에 맞으면(부합하면) → 그 아래 다 실행됨 ⇒ break쓰기
-조건부 연산자(?)
조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식
-for문
for (시작; 조건식; 종료식) 동작문
-while문
let i = 0; while (i<100) { console.log("Hello, while!"); i++; }
6.화살표 함수(Arrow Function)
- () ⇒ {}
- x ⇒ {}
- (x,y,z) ⇒ {}
'JS' 카테고리의 다른 글
JS연습하기5(split.map.filter.onload) (0) 2022.01.09 JS연습하기4(?조건문,forEach) (0) 2022.01.08 JS연습하기3(toggle메서드,classList) (0) 2022.01.08 JS연습하기2(input,object,console.log) (0) 2022.01.08 JS연습하기1(for문, map, forEach, filter메서드 연습) (0) 2022.01.08