1 자바 스크립트의 소개와 기본 문법

이번 강좌에서는 자바 스크립트를 본격적으로 다루기 전에 먼저 자바 스크립트의 유래와 자바와의 차이점, HTML 문서상에서의 기본적인 사용법, 기본 문법 등을 배워 보도록 하겠습니다.

자바 스크립트란 원래 넷스케이프 사에서 자사의 넷스케이프 웹 브라우저를 위해 자체적으로 개발한 스크립트 언어입니다. 원래의 이름은 live-script였으나 약간의 기능을 추가한 뒤 선(Sun) 사로부터 승인을 얻어 Java Script라고 이름을 바꾸었습니다. 현재 자바 스크립트가 가능한 브라우저는 Netscape 2.0 이상의 버전과 MS Internet Explorer 3.0 이상의 버전들입니다.

자바 스크립트에 대해서 주의할 점은 자바 스크립트가 자바라는 프로그래밍 언어의 단순화된 스크립트 언어가 아니라는 것입니다. 실제로 자바 스크립트는 문법이 자바와 비슷한 점과 브라우저에서 실행되는 점을 빼놓고는 자바와 완전히 다릅니다.

다음은 자바 스크립트와 자바의 대표적인 차이점을 보여줍니다.

Java Script

Java

* 브라우저에서 인터프리트함

* HTML 화일 내에 같이 기술됨

* 주로 브라우저의 행동을 제어함

* 그래픽, 네트워킹 불능

* 변수형을 미리 정할 필요가 없음

(Dynamic Typing)

* 서버에서 컴파일된 bytecode를 불러 클라이언트에서 인터프리트함

* HTML 화일 내에 실행 화일을 삽입함

* 브라우저에 대한 제어권이 없음

* 그래픽, 네트워킹 가능

* 미리 변수형을 정해야 함

(Static Typing)

스크립트 언어의 특성상 자바 스크립트도 배우기 쉽고 코딩도 빨리 할 수 있습니다. 그러나 사용 범위가 매우 제한되어 있어서 자바처럼 광범위한 응용에는 적합치 않습니다.

한가지 더 알아둘 것은 우리가 흔히 HTML 상에서 사용하는 자바 스크립트는 Client-Side Java Script이며, 이와 반대의 개념인 Server-Side Java Script는 서버쪽에서 수행되어 그 결과만 클라이언트의 브라우저에 반환합니다. 따라서 클라이언트 쪽에서는 스크립트의 소스를 볼 수 없습니다.

이제 자바를 HTML 상에서 사용하기 위한 가장 기본적인 사항을 살펴봅시다. 우선 HTML 상에서는 자바 스크립트 이외에 여러가지 스크립트 언어를 사용할 수 있습니다. 스크립트 소스 코드는 <SCRIPT> ~ </SCRIPT> 태그 안에 들어가며 자바 스크립트를 사용할 때에는 <SCRIPT LANGUAGE="javascript"> ~ </SCRIPT>라고 씁니다. 전형적인 예는 다음과 같습니다.

<html>

<head>

<!-- Hide

스크립트 내용

// --end of hide-->

</script>

</head>

<body>

body 내용

</body>

</html>

이 때 주의할 것은 스크립트 태그를 body 태그 이전에 사용해야 한다는 것입니다. 이것은 스크립트 내에서 함수를 사용할 때 그 함수가 반드시 body 태그 전에 정의되어야 하기 때문입니다. 그리고

는 스크립트를 지원하지 않는 브라우저에서 스크립트를 보여주지 않기 위해 사용합니다. 스크립트 태그 내에서의 주석은 //한줄주석 또는 /* 주석 */ 입니다.

또한 따옴표(')는 겹따옴표(")를 대신하여 쓸 수 있습니다.

자바 스크립트의 기본적인 문법

다음으로 자바 스크립트의 기본적인 문법에 대해서 살펴보겠습니다.

C/C++이나 Java와 같은 일반 프로그래밍 언어에서는 변수를 쓰기 위해 타입과 같이 선언을 해 주어야 합니다. 그러나 자바 스크립트에서는 이러한 변수 선언 및 타입 선언 없이 그냥 사용하기만 하면 됩니다.

만약 꼭 선언하고 싶으면 var a; 처럼 하면 됩니다. 변수 사용의 예는 다음과 같습니다.

a = 10; // a는 정수

a = "aaa"; // a는 문자열

a = new Array(10); // a는 배열

연산자와 기본 구문인 if, for, while 등은 Java나 C/C++의 사용법과 거의 같으므로 설명을 생략합니다.

또한 자바 스크립트는 "자바"라는 단어에서 쉽게 생각할 수 있듯이 간편한 객체 모델을 기반으로 하고 있습니다. 사용할 수 있는 객체와 객체들의 속성, 도구는 이미 정해져 있는 것을 사용합니다.

예를 들면 다음과 같습니다.

document.write("자바 스크립트");

또는 다음의 예처럼 도구만으로 사용되기도 합니다.

alert("HELLO!");

물론 위에서 document가 객체이고 write가 도구입니다. 자바 스크립트에 어떤 종류의 객체가 있으며 그 객체에는 또 어떤 속성, 도구가 있는지를 이 강좌에서 모두 가르쳐 드릴 수는 없습니다.

대신 다음 강좌부터는 실제로 유용하게 사용할 수 있는 자바 스크립트 예제를 설명하면서 필요한 부분은 설명을 덧붙여 나가도록 하겠습니다.