1. ES6 소개1.1 ES6란?ECMAScript 6(ES6)는 2015년에 도입된 JavaScript의 주요 업데이트 버전.새로운 문법과 기능이 추가되어 코드 가독성과 개발 생산성이 향상됨.✅ ES6 주요 특징 기능  설명 `let`, `const`블록 스코프 변수 선언화살표 함수`function`을 간결하게 표현구조 분해 할당배열과 객체의 값을 쉽게 추출템플릿 리터럴문자열 조합을 백틱(`)으로 표현`Promise`비동기 프로그래밍 개선`import/export`모듈 시스템 도입전개 연산자배열, 객체 확장 및 복사Proxy객체 동작을 가로채서 제어2. `let`과 `const`2.1 `var`의 문제점 (호이스팅)`var`는 선언 전에 접근 가능 (호이스팅) → 예기치 않은 동작 가능블록 스코프를 ..

1. 문서 객체 모델(DOM)의 기본 용어와 개념1.1 DOM이란?Document Object Model (DOM): HTML 문서를 **객체(트리 구조)**로 변환하여 JavaScript에서 조작할 수 있도록 제공하는 인터페이스HTML 문서를 프로그래밍적으로 변경할 수 있도록 해줌✅ DOM 트리 구조 예시 Header 문서 내용입니다.위 HTML 코드는 트리 형태의 구조로 변환document (최상위 객체) ├── html │ ├── head │ │ └── title │ ├── body │ ├── h1 │ └── p 1.2 DOM 노드 (Node)DOM에서 요소를 노드(Node)라고 부름.노드 유형설명 예시요소 노드 (Element)HTML ..

1. 자바스크립트 기본 용어와 출력 방법1.1 자바스크립트란?웹 브라우저에서 동작하는 프로그래밍 언어HTML과 CSS가 정적인 웹을 구성하는 반면, JavaScript(JS)는 동적인 기능을 제공표현식: 값을 만들어 내는 간단한 코드.문장: 프로그래밍 언어에 실행할 수 있는 코드의 최소 단위키워드: 자바스크립트를 처음 만들 때 정해진 특별한 의미가 부여된 단어식별자: 자바스크립트에서 변수나 함수 등에 이름을 붙일 때 사용하는 단어( 첫글자로 영문자 / '_' /  '$' 가능) 1.2 자바스크립트 출력 방법 출력 방법 설명  예제 `alert()`팝업 창 출력`alert("Hello JS!");``console.log()`콘솔에 출력`console.log("Hello JS!");``document.w..