자바스크립트 객체 지원

0110_ex20.html

 

 

자바스크립트는 객체 지원

(객체 : 세상에 존재하는 모든 것)

 

연관배열 표기법

 

자바스크립트 객체

-사용자 정의 객체 : puppy.name, puppy.age 같은 게 사용자 정의 객체

<script>
	let puppy = {type:'허스키', age:3, size:'중형'}
</script>

-내장 객체

 └전역 : Array, Function, Object

 └브라우저 객체 모델(BOM) : navigator, 등등

 └문서 객체 모델(DOM) : document

 

문서 객체 모델

*document : html 문서를 읽어서 객체로 모델링

트리 구조. 체계적으로 모델링 해야. 문서 내의 내용을 잘 찾을 수 있다(?)

기존에 없던 요소가 생긴다던가 사라진다던가 바꾼다거나...

 

<form> 태그 내 <input> 태그들을 서버로 보내기 전에 검증할 수 있음.

 

0110_ex20.html

 

0. 이벤트

사용자가 발생시키는 이벤트, 시스템 상태에 따라 자동으로 발생되는 이벤트

-on ~

 (인라인 자바스크립트 : 화면이 복잡해질수록 인라인 자바스크립트는 유지보수 어려움

 

이벤트 종류(on~)

click, dbclick, mousedown, mouseup, mouseover, mouseout

 

click : 버튼 누르고 떼는 것도 하나의 버튼에서.

mouseup : 누르자마자 이벤트 발생

mousedown : 마우스 버튼을 누르고 버튼 영역 안에서 뗄 때

 

keyup, keydown, keypress

keyup 누르고 뗐을 때

keydown 눌렀을때

keypress : 단축키나 방향키 같은 것을 제외한 키를 눌렀을때