본문 바로가기

2024내일배움캠프/TIL

[TIL] 1/7_2 JS문법다지기_6

  • 사용자 = 브라우저 = 클라이언트 -> 내가 크롬을 통해 클라이언트의 역할을 하는 것
  • 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주차 숙제에서 생각보다 시간이 걸렸다 오늘 강의 다 들을 수 있을 줄 알았는데,,

얼마 남지 않은 강의 내일 다 듣고 완강하고 싶다!

내일 받게 될 개인 과제도 궁금하다