JavaScript 시작하기JavaScript 시작하기

Posted at 2013.10.04 14:09 | Posted in == Web ==/JavaScript



facebook에 글올리기



JavaScript 시작




1. JavaScript 개요


웹 클라이언트 측 Script에는 JavaScript, JScript, VBScript, ECMAScript 등 여러 종류가 있다. JavaScript는 넷스케이프사에서 Java의 문법을 채용하여 개발한 Script 언어이다. 넷스케이프사에서 자사의 웹 브라우저(넷스케이프 네비게이터)에서 실행될 수 있는 클라이언트측 Script로 LiveScript를 개발하였다. 이후 선마이크로시스템과 공동 개발하게 되면서 JavaScript라는 명칭으로 바뀌었다.


웹 브라우저는 HTML 문서를 처리할 수 있는 응용  프로그램 이외에 Script를 해석할 수 있는 엔진을 갖고 있다. 그래서 각 브라우저마다 처리할 수 있는 Script의 종류와 버전은 다를 수 있다. 인터넷 익스플로러에서는 마이크로소프트에서 개발한 VBScript와 JScript를 지원한다. JScript는 JavaScript에 기능이 좀더 추가된 Script로서 인터넷 익스플로러에서의 JavaScript라고 이해하면 된다. JavaScript는 넷스케이프 네비게이터와 인터넷 익스플로러 등 보편적인 웹 브라우저에서 지원된다. 따라서 일반적으로 클라이언트측에서는 JavaScript를 많이 사용한다.


JavaScript와 Java는 다른 언어이다. Java는 선마이크로시스템에서 개발한 객체 지향 언어이고, JavaScript는 브라우저 기반에서 실행되는 객체 기반 언어이다. JavaScript는 Java나 C++과 같은 본격적인 프로그래밍 언어와 비교해 문법이 간단한 편이다.


또한 웹 브라우저의 Script 엔진이 직접 코드를 해석하여 처리하므로 적은 시스템 부하와 환경에 독립적인 장점을 갖고 있다. 또한 웹 페이지 요소의 내용을 바꾸거나 사용자가 입력한 값에 대한 유효성 확인 등과 같은 작업을 각 클라이언트에서 분산 처리하므로 서버의 부하를 줄이는 데 도움을 준다. 그리고 이벤트를 지원하여 사용자의 동작에 맞게 적절한 작업을 수행할 수 있어 상호 작용이 있는 웹 페이지도 만들 수 있다.


단점은 HTML과 마찬가지로 개발자가 만든 소스 코드가 노출되고, 디버깅 및 개발 도구가 많지 않아서 대부분 직접 코딩을 해야 한다는 것이다.


2. JavaScript의 특징


JavaScript는 HTML 문서와 함께 처리되므로, 일반 프로그래밍 언어보다는 기능이 제한적이다. JavaScript의 특징은 다음과 같다.



- JavaScript는 객체 기반의 언어이다. ( 상속 X, 클래스 X)


- JavaScript는 인터프리터 언어로서 클라이언트의 웹 브라우저에 의해 해석되고 실행된다.


- JavaScript는 HTML 문서 내에 기술되고 HTML 문서와 함께 수행된다.


- JavaScript는 HTML에 연산, 제어 등 프로그래밍적인 요소를 추가하고, 클라이언트의 자원을 활용할 수 있게 한다.



3. JavaScript와 Java Applet의 차이점


클라이언트측 Script인 JavaScript와 클라이언트측 프로그램인 Java Applet을 비교해 보면 다음과 같다.



 

JavaScript 

Java Applet 

개발사 

넷스케이프 

선마이크로시스템 

컴파일 

클라이언트에 의해 실행시 해석됨 

클라이언트에서 실행되기 전에 서버에서 작업시 컴파일 

객체 지원 

내장된 객체 사용. 클래스 정의나 상속을 지원하지 않음 

Java Applet은 상속할 수 있는 클래스들로 코드가 구성됨 

존재 형태 

HTML 문서 속에 코드 직접 삽입 

Applet으로 만들어지며, Applet 형태로 HTML 문서에서 참조 

타입 체크 

변수 선언시의 타입 지정 불필요 

변수 선언시 반드시 타입 지정 필요 

용도 

동적 효과 및 데이터 유효성 검사 등 

게임, 독립 애플리케이션 제작 등 



4. JavaScript로 구현되는 기능


JavaScript로 구현할 수 있는 기능은 웹 페이지를 돋보이게 하는 동적 효과와 HTML로는 처리할 수 없는 프로그래밍적인 기능으로 나누어 볼 수 있다. JavaScript로 구현할 수 있는 기능들은 다음과 같다.


- 동적인 효과 : 이미지 롤오버, 상태 표시줄에 문자열 표시, 이벤트 처리 등

- 기능적인 면 : 입력 데이터의 확인, cookie 처리, 브라우저 정보에 따른 처리, 새로운 window 열기 등


5. JavaScript의 구성 요소


1) 객체

객체는 속성과 메소드를 가진다. JavaScript의 객체에는 세 가지 종류가 있다. 사용자가 정의하여 사용할 수 있는 사용자 정의 객체, 기본적으로 제공되는 내장 객체, 브라우저 지원을 이용하는 브라우저 객체이다. 이 중 내장 객체와 브라우저 객체를 많이 이용하게 된다.


2) 문법

JavaScript의 문법에는 자료형, 변수, 제어문, 함수 등이 있다.


3) 이벤트와 이벤트 핸들러

웹 브라우저상에서 일어날 수 있는 동작에 감응하여 JavaScript를 수행할 수 있고, 이벤트 핸들러를 통해 지정하게 된다. 이벤트 핸들러와 함께 JavaScript를 사용하면 상호 작용이 있는 웹 페이지를 만들 수 있다.



'== Web == > JavaScript' 카테고리의 다른 글

JavaScript 시작하기  (0) 2013.10.04
이웃추가
facebook에 글올리기

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기