46일차 자바스크립트

44일차 웹 기초 1

44일차 웹 기초 1

45일차 웹 기초 2

45일차 웹 기초 2

$1.1 만들어진 시기 및 만든 것

ECMAScript3로 우리가 흔히 말하는 자바스크립트는 1999년 12월에 만들어졌습니다. 

이 때 강력한 정규 표현식, 향상된 문자열 처리, 새로운 제어문, try/catch 예외처리, 엄격한 오류 정의, 수치형 출력의 포메팅 등을 만들었습니다.

$1.2 자바스크립트의 특징

(1) 객체 베이스드 프로그래밍에서 점차 객체 지향 프로그래밍으로 변화합니다.

그에 따라 객체를 사용하는 스크립트 언어가 되었습니다.

이 언어는 내부엔진이 알아서 데이터 타입을 알아서 읽어주므로 데이터 타입을 선언하지 않습니다.

(2) 자바스크립트를 읽고 실행해주는 엔진은 브라우저에 내장되어 있습니다.

(3) 자바 문법과 거의 동일하여 자바를 배운 사람이면 쉽게 배울 수 있습니다.

(4) 자바 스크립트 코드는 HTML 문서의

인라인 자바스크립트 로 태그 안에 속성으로 사용하거나

내부 자바스크립트로 HEAD 블럭 또는 BODY 블럭으로 이용하거나

외부 자바스크립트는 독립파일로 확장자 *.js 로 만들어서 HTML 파일에서 *.js를 연결해서 사용해도 됩니다.

(5) 자바스크립트는 script 태그 안에서 인터프리트 방식으로 수행 됩니다.

$1.3 자바스크립트의 객체 중 호스트 객체

(1) 브라우저 객체 (BOM : Browser Object Model)

Window, Navigator, History, Location. Screen, Document ...

(2) DOM 객체(DOM : Document Object Model)로 DOM Tree입니다.

이것은 HTML 요소를 조작하는 객체입니다.

(3) 기타 객체 중 XMLHttpRequest(통신 객체) (Ajax), HTML5의 각종 API 등이 있습니다.

$1.4 자바스크립트의 데이터 타입

- 값 = 값

- 문자, 숫자 비교할 때 쓸 수 있습니다.

- 원시타입

(1) 숫자에는 정수와 실수가 있습니다.

(2) 문자열에서 쿼테이션을 사용하지 않으면 null 구분자로 인식하며, 문자도 문자열로 봅니다.

(3) 논리값은 true, false가 있습니다.

(4) undefined는 값이 없습니다.

이 때 값이란, 값을 아직 할당하지 않은 변수의 값, 없는 객체의 프로퍼티를 읽으려고 시도했을 때의 값, 없는 배열의 요소를 읽으려고 시도했을 때의 값, 아무것도 반환하지 않는 함수의 반환하는 값, 함수를 호출했을 때 전달받지 못한 인수의 값이 있습니다.(5) null은 아무것도 없습니다.- 객체타입의 예(1) 객체var card = {suit:"클로버","rank":"A"}; 가 있다고 하면 객체 리터럴은 {...} 이 되고 변수는 card 이고, 프로퍼티이름은 suit, "rank"이고 프로퍼티 값은 "클로버"와 "A"입니다.(2) 배열var odds = [1,3,5];var odds = new Array(1,3,5);var odds = new Array();(3) 함수함수 선언문으로 정의하는 방법과 함수 리터럴로 정의하는 법, Function 생성자로 정의하는 방법, 화살표 함수 표현식으로 정의하는 방법이 있습니다.

$1.5 자바스크립트의 이벤트

마우스 이벤트와 드래그 앤 드롭 이벤트, 키보드 이벤트, 폼 이벤트가 있습니다.