[javascript] Javascript 학습

Javascript 학습

구공 팩토리에서 공부한 내용으로 기본 Javascript 이론입니다.

목차

  1. 이론
  2. DOM
  3. 이벤트
  4. DOM





이론

배경


학습


자스와 ES


생태계

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/64c41026-7375-40fa-a11f-a012d486dad0/Untitled.png


학습 목표 : 일단은 본연의 기능에 초점을 맞추자



DOM

자바스크립트로

HTML DOM

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7f7def0c-86bf-4a4c-b841-002e8e42016d/Untitled.png

주의 ) 모든 스타일 속성은 CamelCase로 작성 ex) background-color ⇒ backgroundColor



이벤트

getElementById()

인풋창에서 입력한 값을 가지고 출력해보기

EventListener()

addEventListener vs 인라인 이벤트



DOM 라이프 사이클

DOM은 언제 해석되고, 언제 로드 되는가?

각각의 상태를 이벤트로 잡아서 처리할 수도 있음

컨텐츠 로드 라이프사이클을 이해하는 것은 매우 중요!!


페이지가 다 로드 되었는지 확인하고 싶다면?


window


DOM 노드

Again, DOM 트리

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9b7bafce-7df2-4392-8e7b-f9677d3739ac/Untitled.png


브라우저 객체 모델(The Browser Object Model)