TIL 📌 DOM > DOM을 JavaScript로 조작하여 HTML Element를 추가하거나 삭제, 혹은 내용을 변경할 수 있다. createElement - CREATE querySelector, querySelectorAll - READ textContent, id, classList, setAttribute - UPDATE remove, removeChild, innerHTML = "" , textContent = "" - DELETE appendChild - APPEND innerHTML과 textContent의 차이 DOM? DOM(Document Object Model): 브라우저 환경에서 html 문서의 요소에 접근하거나 생성, 삭제 하기 위한 일종의 인터페이스로서 모델 내의 각 객체에 접근하고 수정할 수 있는 프로퍼티와 메소드를 제공한다. DOM이라는 구조를 기반으로, js로 html을 조작하고, document

TIL 📌 자료형 > 원시 자료형과 참조 자료형의 차이를 이해하고, 각자 맞는 상황에서 사용할 수 있다. 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다는 개념을 코드로 설명할 수 있다. 참조 자료형은 기존에 고정된 크기의 보관함이 아니라, 동적으로 크기가 변하는 특별한 보관함을 사용한다는 것을 이해할 수 있다. 원시형 자바스크립트에서 원시자료형은 객체가 아니면서 method를 가지지 않는 아래 6가지 데이터 string, number, bigint, boolean, undefined, symbol, (null) 원시 자료형은 값 자체에 대한 변경이 불가능(immutable), 새로운 값으로 재할당은 가능 원시 자료형이 할당될 때에는 변수에 값 자체가 담김 참조형 자바스크립트에서 원시 자료형이 아닌 모든 것은 참조 자료형: 배열[], 객체