10/18 JavaScript 문법 5

내일배움캠프 오늘 학습 내용

 

• JavaScript 문법 5주차: DOM의 개념, 활용하는 방법을 배우고, class에 대한 전체적인 개요를 학습하였다.

 

DOM

 

Document Object Modeling의 약어로 브라우저 환경에서 자바스크립트로 html 문서 내용의 객체를 접근하거나 제어할 수 있는데 도와주는 기본 api이다. html은 tree 구조로 되어있기에 children이나 parent node로의 이동 또한 가능하며, 새로운 내용을 삽입하거나 변경, 태그의 속성을 변경하는 것이 가능하다.

 

 

Class

 

class는 객체를 구현하기 위해 생성자, 메서드 등을 미리 정의해둔 일종의 틀이다.

 

- class 의 기본 요소

• 생성자: class를 사용해 객체를 만들 때 그 객체가 만들어지기 위해 필요한 요소를 생성하기 위해 사용한다.
• get/set : 객체 안에 있는 속성을 가져오거나 입력할 때 더 안전하게 사용할 수 있도록 만든 메서드이다. 외부에 쉽게 노출되지 않도록 _ 기호로 private한 속성을 만들어 해당 함수로만 변경할 수 있도록 하고 유효성 검사를 통해 불안정한 값을 미리 차단하여 오류를 제거한다.
• 메서드 : 해당 객체가 가지는 동작들을 정의한다.

- class의 활용

부모의 class에서 중복되는 부분을 사용하기 위해 extends를 이용해 상속받아 사용할 수 있다.

static method를 이용해 객체를 만들지 않고 class의 메서드를 바로 사용할 수 있도록 할 수 있다.