# DOM (Document Object Model)- 브라우저의 렌더링 엔진은 HTML 문서를 파싱하여 브라우저가 이해할 수 있는 자료구조인 DOM을 생성한다.- HTML 문서의 계층적 구조와 정보를 표현하며 이를 제어할 수 있는 API, 즉 프로퍼티와 메서드를 제공하는 트리 자료구조다.- DOM에 수행하는 모든 연산은 document 객체에서 시작한다. 참고)https://ko.javascript.info/searching-elements-dom getElement*, querySelector*로 요소 검색하기 ko.javascript.info# 요소 노드 검색① id를 이용한 요소 노드 검색- Document.prototype.getElementById 메서드는 인수로 전달한 id 어트리뷰트 값을..
참고)https://ko.javascript.info/try-catch 'try..catch'와 에러 핸들링 ko.javascript.info모던 자바스크립트 Deep Dive# try ... catch 문법try { // error가 없을 때 실행되는 코드} catch(error) { // error가 있을 때 실행되는 코드}① try {...} 안의 코드가 실행② 에러가 없을 때 : try 안의 마지막 줄까지 실행되고, catch 블록은 건너뛴다.③ 에러가 있을 때 : try 안 코드의 실행이 중단되고, catch(err) 블록으로 제어 흐름이 넘어간다. 변수 error에는 오류설명이 담긴 에러 객체를 포함된다. ※ 자바스크립트는 에러가 발생하면 그 즉시 스크립트가 중단(스크립트가 죽는다고 표현)되..
# 0. 참고① https://ko.javascript.info/variables 변수와 상수 ko.javascript.info② 모던자바스크립트(Deep Dive) : 4장 변수# 1. 변수 (Variables)- 데이터를 저장할 때 쓰이는 이름이 붙은 저장소- 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙여진 이름// 예 ) 변수생성과 값의 할당var result = 10 + 20;/* 1. 10 + 20은 연산을 통해 새로운 값 30을 생성한다. 2. 연산을 통해 생성된 값 30은 메모리 공간에 저장된다. 3. 메모리 공간에 저장된 값 30을 재사용할 수 있도록 저장된 메모리 공간에 이름을 붙이는 것이 변수*/- 변수 이름 : result - 변수..
