5. 자바스크립트 기초

5.1 HTML문서에 추가하기

이제 HTML문서에 자바스크립트 구문을 어떻게 첨가하는지 살펴보도록 하자. 먼저, HTML문서에 자바스크립트 구문은 <SCRIPT></SCRIPT>로 감싸면 된다.
* Server Side JavaScript의 경우는 Tag를 사용한다.

파란 부분은 옵션으로 생략할 수도 있다.
SRC : 자바스크립트가 위치한 URL(확장자:js)
// : 자바스크립트내의 주석
: HTML내의 주석으로 script를 인식하지 못하는 브라우져에게 감춘다.

LANGUAGE 위의 예에서 LANGUAGE에는 LiveScript(구버젼)나 JavaScript중 하나선택해서 사용했으면 되었으나, 나중에 하나가 더 추가된다. VBScript로 MS에서 만들어낸 Script언어를 지칭한다. LANGUAGE부분을 생략하게 되면, 자동으로 JavaScript로 인식하게 된다.
SRC의 경우는 서버에 MIME type으로 등록을 해야 하는 경우도 있다. 이렇게 SRC를 사용하면, 소스가 브라우져에 보여지지 않는다. (여기서 보여지지 않는다는 것은 거짓말이다. 원한다면 언제든지 볼 수 있다. Location에 써주면 다 보인다! )그러나, 일부 서버에서는 문제를 발생시킨다. 즉, SRC에 해당하는 문서인 js확장자에 대한 설정이 없어서 사용자에게 어떻게 할거냐고 물어보는 경우가 발생한다. 물론, 한번만 답하면 되지만, 그걸 사용자들에게 다 교육시키는 것이 문제이다.

BODY나 HEAD에 위치할 수 있고, 여러번 Tag를 사용할 수 있다.주로 <HEAD></HEAD>사이에 삽입한다.HEAD Tag에 자바스크립트를 기술하게 되면, HTML문서를 보여주기 전에 실행이 된다.
C의 구문처럼 {,},/*,*/,; 와 같은 기호의 의미,용법이 같다. 즉, {}는 블록을 의미하고, /*에서 */까지는 주석문으로 인식하며, ;는 문장을 구분할 때 쓰인다.
자바스크립트 안에서는 대소문자를 구분한다.(tag를 제외한 문자들)

처리되는 시점 그럼 자바스크립트는 언제 실행이 되는가? 일단 가장 먼저 우선권을 얻는다고 봐야한다. 그것이 즉시시행하는 명령이면, 바로 실행을 하고 함수부분이면, 메모리에 기록하였다가, 특정한 user event(mouse click, change, select etc)가 발생하면서 해당하는 함수를 호출하게 됨으로써 사용되는 것이다. 따라서 대부분의 함수는 HEAD부분에 위치하여 호출되기 전에 메모리에 올라가게 만들고, 즉시 시행되는 부분은 BODY 부분에 위치하여 필요한 곳에 배치하게 된다.

JScript / VBScript / ECMA 최초로 자바스크립트를 지원한 브라우저는 넷스케이프 2.0 버전이었다. 이때에는 넷스케이프가 90%이상 브라우저 시장 점유율을 가지고 있었기 때문에 간단하면서도 개발에 도움을 주는 자바스크립트를 많은 웹 개발자들이 도입했다.

그런 상태에서, 마이크로소프트사의 얼토당토않은 인터넷익스플로러 3.0이 출시되자마자 사용해본 사람들은 실망을 하게됐다. 인터넷 익스플로러에도 스크립트 언어가 탑재되어 있기는 했는데, 문제는 VBScript라는 Visual Basic에서 따온 언어가 기본으로 올라가고 자바스크립트를 지원하긴 했으나, 넷스케이프사와의 저작권 때문에 JScript라는 이름의 자바스크립트 아류작을 탑재했던 것이다.

그러나 익스플로러 3.0은 문제가 많은 브라우저였다. Window NT도 4.0이 되어서야 사람들이 본격적으로 사용했듯이 익스플로러 역시도 4.0에 와서야 사람들이 사용하기 시작했다.

이때, 넷스케이프사와 마이크로소프트사는 서로 경쟁적으로 스크립트 언어를 가지고 서버 프로그램(CGI프로그램)을 지원하는 것을 내놓았다. 그것이 LiveWire와 ASP였다.

개발자들은 두 브라우저사의 경쟁에 휘말리고 있을 즈음, 다행이 두 회사는 표준을 제정하기 위해서 각기 자사의 스크립팅 언어를 ECMA(European Computer Manufacturers Association)에 제출하게 되었다. 1997년에 ECMA-262라는 표준을 발표하게 되었는데, 이때 자바스크립트와 JScript의 좋은 점만을 조합하여 ECMAScript라는 언어에 대한 정의를 포함하게 된 것이다.

넷스케이프사는 계속적인 자바스크립트 기능 향상을 실시하여 더 많은 기능을 추가한 Javascript1.1, 새로운 객체, 스타일시트(Style Sheet), Signed Script를 지원하는 Javascript1.2를 발표하였다.

네비게이터 4.X는 Javascript1.3을 익스플로러 5.X에서는 JScript5.X를 기본으로 탑재하고 있다. 뭐가 많이 추가되긴 했는데 여전히 호환성에 약간의 문제를 포함하고 있기 때문에 결국 중간에서 개발자들만 고생하고 있다.

- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)

Javascript 강좌

기 초
     - HTML에추가하기
     - 최초 예제
     - 함수사용하기
     - 기본 함수

문 법
     - 변 수
     - 연 산
     - 조 건 문
     - 반 복 문
     - 사용자함수

객 체
     - Object란?
     - 속성과 함수
     - 객체의 생성과사용

내장 객체
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - 기 타
     - with / delete

Event 객체

네비게이터 객체
     - 네비게이터객체구조
     - 객체 접근 방법
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements

Frame 객체

기 타
- Animation
- Audio

마치며