👊 학습 목표 [ ] DOM의 개념을 이해한다. [ ] DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 이해한다. [ ] HTML에서 JavaScript 파일을 불러올 때 주의점에 대해서 이해한다. [ ] DOM을 JavaScript로 조작하여 HTML Element를 추가할 수 있다. (CREATE) [ ] DOM을 JavaScript로 조작하여 HTML Element를 조회할 수 있다. (READ) [ ] DOM을 JavaScript로 조작하여 HTML Element를 변경할 수 있다. (UPDATE) [ ] DOM을 JavaScript로 조작하여 HTML Element를 삭제할 수 있다. (DELETE) [ ] 생성한 HTML Element를 부모 엘리먼트의 자식 엘리먼트로 포함할 수 있다. (APPEND) [ ] innerHTML과 textContent의 차이를 이해한다.
테스트하는 값과 기대값을 비교하는 expect 함수 expect(테스트하는값).기대하는조건 이때 '기대하는조건'에 해당하는 함수를 matcher 라고 함 직접 A가 B와 같은지 확인하는 matcher는 equal expect('테스트하는값').to.equal('기대하는값'); 이상한 산술 연산 결과 const 키워드를 사용해야하는 이유 let : 재할당 가능 const : 재할당 불가능 const의 주요 목적은 프로그래밍 실수를 방지하는 것 변수의 값이 변경될 것임을 알 때 let을 사용 변수의 값이 변경되지 않을 것이라면 const를 사용 함수 호이스팅(hoisting) var을 이용한 변수의 선언문이나 함수 선언문을 유효 범위의 최상단으로 끌어올리는 행위 함수 표현식은 호이스팅되지 않음 원시