웹디자인기능사 - 인터넷 일반 - 제2강 자바스크립트

1. 자바스크립트란?

자바스크립트는 선마이크로시스템즈(Sun Micro Systems)와 넷스케이프에서 공동으로 개발한 스크립트 언어이다.

<<< 자바스크립트 부분 중점두어야할 부분 >>>

  1. 자바스크립트의 특징에 대해 정리

  2. 자바스크립트 기본 소스에 대한 이해

  3. HTML 내에서의 선언부분

  4. 자바스크립트의 변수선언부분

2. 자바스크립트의 활용분야

  1. HTML Form의 값을 가공하거나 검사하여 서버쪽에 보 낼 때(CGI와 연동)

  2. 사용자의 입력을 제어하고 싶을 때

  3. 브라우저내의 여러 가지 기능을 조절하고 싶을 때

  4. 사용자에게 메세지를 보내고 싶을 때(경고나 확인)

  5. Cookie를 이용한 페이지 간의 data 이동

  6. Window와 프레임의 생성 및 제어

  7. 자바와의 연동

3.자바스크립트의 특징

  1. HTML문서 안에 자바스크립트로 작성된 프로그램을 넣어 브라우 저에서 실행가능

  2. 인터프리터 언어이므로 브라우저에 의하여 실행될 때 마다 번역

  3. 자바스크립트는 스크립트 언어이므로 그 자체가 실행 가능한 것 은 아니다. 자바스크립트를 지원하지 않는 브라우저에서는 자바 스크립트를 무시한다.(HTML의 주석문을 사용한다.)

  4. 자바스크립트는 Type검사를 엄격하게 하지 않는다. 실행 중에 변수의 형이 결정되기도하고 사용 전에 선언

을 하지 않아도 된다.

  1. 대부분의 자바스크립트 코드는 사용자, 혹은 시스템에 대한 Event-Driven방식을 지원한다. 버튼이나 텍스트 같은 Form Field와 같은 HTML객체들 은 이벤트 핸들러를 추가함으로써 기능을 확장.

4. HTML문서에 자바스크립트 추가하는 방법

코드 직접입력

  1. [형식]

Language속성을 생략하면 브라우저는 자동으로 xxJavaScript 로 인식한다. 단 VBScript를 사용할 경우 명시해야 한다.

  1. <SCRIPT태그는 HTML문서 어디에나 올 수 있으나 주로 내에서 정의한다.

  2. HTML문서에 여러개의

  3. 자바스크립트를 지원하지 않는 브라우저에서는 자바스크립 트 코드를 일반 문자로 해석한다. 자바스크립트 코드가 화면에 나타난다. 이것을 방지하기 위해 HTML의 주석문(<!-- -->)을 사용한다.

  4. 브라우저에서 해석되지 않는 자바스크립트 코드를 사용하 려면 자바스크립트 주석문을 사용하도록 한다. - 단문주석 : // - 복문주석 : /* ~ */

자바스크립트 File호출

  1. [형식]
  1. 호출하고자 하는 파일의 URL을 SRC=“URL”속성에 입력한 다.

(예

  1. File의 확장자는 어떤것든 상관없으나 주로 .js를 사용한다.

  2. SRC속성을 사용하는 경우 태그 내에 자바스크립트 코드를 써도 무방하지만 그 코드는 실행되지는 않는다.

  3. 직접 자바스크립트코드를 입력하는 방법과 Include하는 방 법을 혼용하여 사용 가능하다. 단 각각

4. 자바스크립트 변수

자바스크립트는 자동으로 데이터 유형을 판단하기 때문에 변 수선언이 다른 언어보다 간단하다. 일반적인 경우 특별히 변수선언을 할 필요가 없다. 변수를 선 언하지 않고 필요한 곳에서 사용하면 되는데, 다만 변수를 선 언하고자 하는 경우에는 var키워드를 사용하여 선언한다.

예) var total

var aNum, bNum var count = 10

세미콜론(;)은 생략이 가능하나 주로 습관처럼 붙여서 사용한 다.

변수명 작성규칙

  1. 변수명은 항상 알파벳이나 ‘_’로 시작해야 한다.
  2. 한글이름은 사용할 수 없다.
  3. 대.소문자를 구별한다.
  4. 변수명에 스페이스나 콤마, 물음표(?), 인용부호("")는 사용 할수없다.
  5. 예약어(Reserved Word)는 변수명으로 사용 할 수 없다
Related