3.작동 방식


  • 작동 원리

      JavaScript는 HTML문서속에 포함되어서 전송되어 진다. 즉, 브라우져가 특정한 HTML을 요청하게 되면, 웹서버가 이를 브라우져에게 전송하게 된다. 브라우져는 HTML부분은 화면에 출력하고, JavaScript부분은 실행하게 되는 것이다.

      JavaScript는 HTML문서내에 포함되어서, 사용자의 행위(event)에 반응하게 된다. 예를 들면, 마우스를 클릭한다거나, HTML의 Form Tag항목에 값을 집어넣거나, 브라우져의 행위 중 일부를 통제하게 된다.

      그러나, 역시 가장 중요한 사용처는 사용자의 입력을 확인하는 작업을 한다는 것이다. 즉, 주민번호를 입력 받아야하는 항목이 하나있다고 할 때, 그것이 바르게 입력되었는지 확인할 수 있는 것이다.

      사용자 입력확인   이것은 대단히 중요한 일이다. 왜냐하면, JavaScript가 없는 경우를 생각해보면 간단하다. 그럴 경우 사용자가 뭘입력하든 일단 서버로 보내서 서버가 확인을 하고 틀리는 경우 에러 메세지를 다시 보내줘야 한다. 이렇게 되면, 사용자 입장에서는 확인하는 동안 기다려야하기 때문에 짜증이고, 네트웍에 부하를 주며, 서버는 쓸데없는 작업에 자원(resource)를 낭비하는 결과를 초래하게 되는 것이다. 즉, 간단히 확인할 수 있는 것들은 JavaScript를 이용해서 일단 걸러주고 서버로 보낸다는 것이다.


  • 실행 방식

      그럼, JavaScript는 어떻게 실행되는가? JavaScript는 HTML파일과 같이 ASCII 타입이다. 그러니, 별도의 실행파일이 있는 것은 아니고, 예전의 Basic과 같은 인터프리터(Interpreter)에 의해서 한줄씩 실행되는 것이다. 네비게이터 2.0이상 버젼에는 이러한 인터프리터가 내장되어 있다.

  • Java와 Javascript

      이 부분이 제일 많이 받는 질문중의 하나이다. 누가 자바를 좀 가르쳐 달라고 해서 가보면, 자바스크립트를 가지고 그렇게 부르는 것이다. 분명히 말하는데, 둘은 이름만 좀 비슷하고, 완전히 다른 것이다.

    • 자바(Java)

        객체지향언어로 애플리케이션 개발 및 웹페이지를 위한 애플릿을 개발할 수있다. 컴파일시 바이트코드로 컴파일 된다.이 코드는 각 플랫홈에 설치된 런타임 인터프리터(Runtime Interpreter)에 의해서 기계어로 변환되어 실행이된다. 자바스크립트보다 수행속도가 빠르다. 요즘의 자바는 이것보다 많은 것을 해내기 위해서 계속해서 변하고 있다. 그래픽, 데이터베이스, 멀티미디어등 그 영역을 점점 확대해 나가고 있다.

    • 자바스크립트(Javascript)

        자바에 비해 단순하다. 기본적인 문장구조는 자바에 기초를 두고 있다.최초 라이브스크립트(Live Script)라는 이름으로 개발되었으나, 썬(Sun)와 합작으로 개발되기 시작하면서 명칭이 자바스크립트로 바뀌었다. 또한 자바와는 달리 별도의 컴파일이 필요없는 인터프리터 방식 언어이기 때문에 배우기 쉽다.

        객체지향적이기는 하나 완전한 객체지향언어는 아니다. 자바스크립트는 클래스의 생성과 상속과 같은 일은 불가능하다. 주로 단순하고 작은 프로그램의 개발에 사용된다. 또한, 클라이언트가 웹페이지를 받게되면 일단 자바 스트립트로 작성된 부분을 해석하여 수행한후에 해당위치에 수행결과를 기록한 뒤에 HTML문서를 비로소 화면에 보여주게 된다.

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

Javascript 강좌
들어가기
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
마치며

Copyright ⓒ 1997 ~, Deadfire Program Master