[JS] JavaScript의 개념과 기초

객체 기반 언어인 JS를 배워보자.

 

객체의 개념

현실 세계는 객체들의 집합이다.

사람, 휴대폰, 자동차 등

객체는 자신만의 고유한 구성 속성을 가지고 있다.

예를 들어,

자동차 : <색상: Black, 배기량:4,000CC, 제조사:현대, 번호:경기 56 빵 4411>

사람 : <이름: 안한량, 나이:24, 성별:남, 주소: 안양>

은행 계좌 : <소유자: 안한량, 계좌번호:3322-111-3445, 잔액:30,000원>

 

Javascript

1995년 넷스케이프 개발

Netscape Navigator 2.0 브라우저에 최초 탑재.

웹 프로그래밍 개념 창시

 

특징

-HTML 문서에 내장

-스크립트 언어

-인터프리터 실행(컴파일 필요 없음)

-C언어 구조 차용

 

웹페이지에서 JS의 역할

사용자의 입력 및 계산

마우스와 키보드 입력은 오직 자바스크립트로만 가능하다.

- 웹 페이지 내용 및 모양의 동적 제어

- HTML 태그의 속성, 콘텐츠, CSS 프로퍼티 값 동적 변경

- 브라우저 제어

- 브라우저 윈도우 크기와 모양 제어

- 새 윈도우 열기/닫기

- 다른 웹 사이트 접속

- 히스토리 제어

- 웹 서버와의 통신

- 웹 애플리케이션 작성

- 캔버스 그래픽, 로컬/세션 스토리지 저장, 위치정보서비스 등

 

자바스크립트 코드 작성이 가능한 위치

1. HTML 태그의 이벤트 리스너 속성에 작성

2. <script></script> 태그에 작성

3. 자바스크립트 파일에 작성

4. URL 부분에 작성

 

자바스크립트 객체 구성

여러 개의 프로퍼티(property)와 메서드로 구성된다.

프로퍼티 : 객체의 고유한 속성

메서드(method) : 함수

자바스크립트 객체의 유형

1. 코어 객체

자바스크립트 언어가 실행되는 어디서나 사용 가능한 기본 객체

기본 객체로 표준 객체

Array, Date, String, Math 타입 등

웹 페이지 자바스크립트 코드에서 혹은 서버에서 사용 가능

 

2. HTML DOM 객체

HTML 문서에 작성된 각 HTML 태그들을 객체화한 것들

HTML 문서의 내용과 모양을 제어하기 위한 목적

W3C의 표준 객체

 

3. 브라우저 객체

자바스크립트로 브라우저를 제어하기 위해 제공되는 객체

BOM(Brower Object Model)에 따르는 객체들

비표준 객체