객체 기반 언어인 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)에 따르는 객체들
비표준 객체
'웹 프론트엔드(Web FrontEnd)' 카테고리의 다른 글
[JS] JavaScript 기초 2 (변수와 상수, 연산자) (0) | 2023.01.02 |
---|---|
[JS] JavaScript 기초 사용 방법 (식별자, 문장, 주석, 데이터 타입) (0) | 2022.11.07 |
[CSS] Float (레이아웃 구성) (0) | 2022.09.26 |
[CSS] 패딩과 마진 (padding, margin 속성을 통한 레이아웃 구성) (0) | 2022.09.26 |
[HTML, CSS] display 속성 (메뉴 만들기) (1) | 2022.09.26 |