| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- 제어문
- Array
- bom
- first view
- release
- 직귀율
- javascript
- 자바스크립트 함수
- 객체
- Great things take time
- 기술면접 후기
- 레거시 마이그레이션
- 怕不变
- 不不怕变
- 도메인
- Done is better than perfect
- 내장객체
- 릴리스
- pop
- 중요한건 꺾이지 않는 마음
- 배열
- 인공지능
- javascript function
- Electronic Commerece
- 각자의 밤
- 자바스크립트
- ADSL
- 반응형 디자인
- 퍼스트 뷰
- 사이트 이동 경로
- Today
- Total
1일1끄적
자바스크립트 입문, 객체-1 본문
※객체란?
자바스크립트는 객체(Object)기반 언어.
객체는 기능과 속성을 가지고 있다.
ex) TV라는 객체에는 켜다/끄다/볼륨을 높이다 등의 기능이 있다.
자바스크립트에서는 이런 기능들을 메서드(Method)라고 하며
이런 객체는 속성(Property)를 가지고 있다.
ex) TV의 크기나 색상 무게 등
객체, 메서드();
객체.속성
객체.속성=값;객체, 메서드(); => 객체의 메서드를 실행
객체.속성; => 객체의 속성값을 가져온다
객체.속성=값; => 객체의 속성 값을 바꾼다
※객체의 종류
자바스크립트의 객체는 크게 내장 객체, 브라우저 객체 모델(BOM , Browser Object Model),
문서 객체 모델(DOM, Document Object Model)로 나눌 수 있다.
○ 내장 객체
내장 객체는 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용할 수 있다.
내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math) 객체 등이 있다.
○ 브라우저 객체 모델
브라우저 객체 모델(BOM)은 브라우저에 계층 구조로 내장되어 있는 객체를 말한다.
브라우저 객체러는 window, screen, location, history, navigator 객체 등이 있다.
브라우저(window)는 document 와 location객체의 상위 객체이다.
○ 문서 객체 모델
문서 객체 모델(DOM)은 HTML 문서 구조를 말한다.
HTML 문서의 기본 구조는 최상위 겍체로 <html>이 있으며 하위 객체로는 <head>와 <body>가 있다.
예로 자바스크립트를 이용해 이미지의 src 속성을 바꾸고 싶다면 지정된 <img>를 선택해 src 속성을 바꿔야한다.
이때 지정 요소를 제대로 선택해서 가져오려면 문서 객체 구조를 잘 이해하고 있어야 한다.
문서객체 모델에서는 HTML의 모든 요소들을 문서 객체로 선택하여 자유롭게 속성을 바꿀 수 있고,
원하는 스타일(CSS)을 적용할 수 도 있다.
반면 자바스크립트의 문서 객체 모델은 IE8 이하에서는 호환성이 떨어지기 때문에 사용하기 힘들다는 단점이 있다.
이러한 점을 극복하기 위애 제이쿼리 문서 객체 모델을 많이 사용한다.
-출처: 자바스크립트+제이쿼리입문 책 중
'개발 > javascript' 카테고리의 다른 글
| 자바스크립트 입문, 객체2- 내장객체(2) (0) | 2021.11.29 |
|---|---|
| 자바스크립트 입문, 객체2- 내장객체(1) (0) | 2021.11.22 |
| 자바스크립트 입문, 제어문-반복문 2 (0) | 2021.11.14 |
| 자바스크립트 입문, 제어문-반복문 1 (0) | 2021.10.30 |
| 자바스크립트 입문, 제어문-선택문 (0) | 2021.10.29 |
