- 사용자 = 브라우저 = 클라이언트 -> 내가 크롬을 통해 클라이언트의 역할을 하는 것
- DOM : Document(HTML파일)를 Javascript가 알아먹을 수 있는 Object형태로 Modeling한 것
- 즉 javascirpt가 html문서를 해석하기 위해서 파싱(해석)한 결과물
- 브라우저에 기본적으로 내장되어 있는 API중 하나 -> DOM API라고도 부름
dom api를 통해서 브라우저에 있는 많은 것들을 컨트롤 할 수 있다
API : 무언가를 주문 할 때 메뉴판 같은 것. 메뉴판 : 고객과 카페 사이의 인터페이스 역할
API : 해당 시스템과 사용자 간의 인터페이스 역할
-> 다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할로
브라우저 역시 dom과 관련된 api를 제공함으로써 브라우저의 dom 객체에 접근할 수 있도록 도와준다 - DOM이 브라우저에 내장되어있기 때문에 우리는 HTML의 내용을 javascript로 접근하고 제어할 수 있다
- 모든 DOM의 node는 속성과 메서드를 가지고 있다
속성 : 값을 가짐 / 메서드 : 해당 객체가 수행하는 작업을 나타내는 함수
- class
ex) 다양한 종류의 책상을 만드는 설계도
설계도를 보면 어떤 종류의 책상을 만들건지, 책상이 가지고 있는 특징(변수 또는 속성과 메서드)은 무엇인지 알 수 있다 - 인스턴스
저 설계도를 보고 만들어진 실제 책상
책상의 모양, 크기 등은 모두 설계도에 따라 만들어지고 이런 책상들은 모두 다른 인스턴스가 된다 - so,,,클래스는 객체를 만들기 위한 설계도라고 생각할 수 있고, 이 설계도를 바탕으로 만들어진 실제 객체들은 인스턴스라고 할 수 있다
5-4까지 강의를 들었다
이미 한번 휙 들었던거라 + class를 써봤기 때문에 class부분은 실습 예제도 잘 따라갈 수 있었다
브라우저에서 dom 실습하는건 신기했다
여러번 봤던거지만 실시간으로 나의 수정사항이 브라우저에 반영되는게 신기하다
4주차 숙제에서 생각보다 시간이 걸렸다 오늘 강의 다 들을 수 있을 줄 알았는데,,
얼마 남지 않은 강의 내일 다 듣고 완강하고 싶다!
내일 받게 될 개인 과제도 궁금하다
'2024내일배움캠프 > TIL' 카테고리의 다른 글
[TIL] 1/20 React 입문주차 (3) | 2025.01.20 |
---|---|
[TIL] 1/15 js클래스 (0) | 2025.01.15 |
[TIL] 1/7_1 JS문법다지기_5 (0) | 2025.01.07 |
[TIL] 1/6 내겐 너무 어려운 깃(feat. 비밀번호 인증 에러와 토큰) (0) | 2025.01.06 |
[TIL] 1/3_2 JS문법다지기_4 콜백함수 (0) | 2025.01.03 |