<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3e9b61fa-7a3a-4ebc-b502-407eaf7619ee/css__280x280.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3e9b61fa-7a3a-4ebc-b502-407eaf7619ee/css__280x280.png" width="40px" /> 매 주차 강의자료 시작에 PDF파일을 올려두었어요!

</aside>

<aside> 🚩 [학습 목표]

  1. DOM의 기본 개념을 익히고, 접근 및 제어하는 방법을 통해 DOM을 이해합니다.
  2. Class 문법의 주요 개념(클래스, 인스턴스, getter, setter, 상속, static method 등)을 이해하고 활용할 수 있습니다.
  3. 클로저의 주 개념을 통해 활용하는 능력을 배양합니다.

</aside>

1. DOM

(1) DOM의 기본 개념

(2) DOM에 접근 및 제어해보기

2. Class

<aside> 🌟 javascript의 클래스 문법은 ES6에서야 도입됐습니다.

자바스크립트 기반이 아닌 다른 언어에서는 대게 **클래스 기반의 프로그래밍 개발 기법(생성자, 상속 등..)**을 사용합니다. 그 개발자들이 자바스크립트로 넘어와서 자꾸 클래스 ‘처럼’ 개발하려 노력하다보니 JS 사이드에서도 그 니즈를 반영한 것이죠 😅😅

</aside>

(기초개념) 클래스와 인스턴스의 일반적 개념

(1) 기본 개념 잡기 - Class란?

(2) 기본 개념 잡기 - Constructor란?

(2)-1 클래스 연습해보기

(3) Getter와 Setter

(3)-1 Getter와 Setter 연습해보기

(3) 상속(Inheritance)

(3)-1 상속(Inheritance) 연습해보기

(4) Static Method

3. 클로저

(1) 클로저의 개념(정의)