Notice
Recent Posts
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- JS null undefined
- JS form
- JS 함수
- JS setTimeout
- JS 스코프
- JS form action
- JS preventDefault
- JS append
- JS 타이머기능
- JS 화살표함수
- JS classList
- JS 숫자
- js 변수
- JS typeof연산자
- JS appendChild
- CSS기초
- CSS속성정리
- JS prompt
- JS 삼항연산
- JS redirection
- git 협업셋팅
- JS 형변환
- JS setInterval
- JS localStorage
- JS clearInterval
- JS 연산
- JS value속성
- JS 기초
- JS 데이터타입
- HTML기초
Archives
목록JS document.getElementById 메소드 (1)
공부기록용
Javascript 기초 04(Document Object Model)
※렌더링의 세부 과정 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서(객체)를 생성한다. 이 문서(객체)를 DOM이라고 하며, 브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링한다. DOM의 존재 목적 DOM은 Javascript를 사용해서 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑, 등 이벤트에 대한 처리를 정의할 수 있도록 제공하는 프로그래밍 인터페이스(interface)이다. 자바스크립트가 웹문서에 대한 어떤 동작을 구현하고나면 자바스크립트 파일이 아닌 돔에 그 결과들이 반영되고 그 내용을 토대로 웹브라우저 화면이 다시 렌더링되는 흐름이 나타난다. 사용자와 실질적으로 동적인 상호작용을 해준다. doucument 브라우저 객체 window의 ..
📚강의록📚/유노코딩)Javascript
2023. 4. 21. 14:25