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검사를 엄격하게 하지 않는다. 실행 중에 변수의 형이 결정되기도하고 사용 전에 선언
을 하지 않아도 된다.
5) 대부분의 자바스크립트 코드는 사용자, 혹은 시스템에 대한 Event-Driven방식을 지원한다. 버튼이나 텍스트 같은 Form Field와 같은 HTML객체들 은 이벤트 핸들러를 추가함으로써 기능을 확장.
4. HTML문서에 자바스크립트 추가하는 방법
코드 직접입력
1) [형식]
<SCRIPT Language="xxJavaScript">
~ </SCRIPT>
Language속성을 생략하면 브라우저는 자동으로 xxJavaScript 로 인식한다. 단 VBScript를 사용할 경우 명시해야 한다.
2) <SCRIPT태그는 HTML문서 어디에나 올 수 있으나 주로 <HEAD>내에서 정의한다.
3) HTML문서에 여러개의 <SCRIPT>가 올 수 있으며, HTML 에 기술된 순서데로 수행되어진다.
4) 자바스크립트를 지원하지 않는 브라우저에서는 자바스크립 트 코드를 일반 문자로 해석한다. 자바스크립트 코드가 화면에 나타난다. 이것을 방지하기 위해 HTML의 주석문(<!-- -->)을 사용한다.
5) 브라우저에서 해석되지 않는 자바스크립트 코드를 사용하 려면 자바스크립트 주석문을 사용하도록 한다.
- 단문주석 : //
- 복문주석 : /* ~ */
자바스크립트 File호출
1) [형식]
<SCRIPT Language="xxJavaScript" SRC="URL"> </SCRIPT>
2) 호출하고자 하는 파일의 URL을 SRC="URL"속성에 입력한 다.
(예<SCRIPT Language="xxJavaScript" SRC="임의파일명.js">
3) File의 확장자는 어떤것든 상관없으나 주로 .js를 사용한다.
4) SRC속성을 사용하는 경우 <SCRIPT> ~ </SCRIPT>태그 내에 자바스크립트 코드를 써도 무방하지만
그 코드는 실행되지는 않는다.
5) 직접 자바스크립트코드를 입력하는 방법과 Include하는 방 법을 혼용하여 사용 가능하다.
단 각각 <SCRIPT>태그를 사용해야 한다.
4. 자바스크립트 변수
자바스크립트는 자동으로 데이터 유형을 판단하기 때문에 변 수선언이 다른 언어보다 간단하다. 일반적인 경우 특별히 변수선언을 할 필요가 없다. 변수를 선 언하지 않고 필요한 곳에서 사용하면 되는데, 다만 변수를 선 언하고자 하는 경우에는 var키워드를 사용하여 선언한다.
예) var total
var aNum, bNum
var count = 10
세미콜론(;)은 생략이 가능하나 주로 습관처럼 붙여서 사용한 다.
변수명 작성규칙
1) 변수명은 항상 알파벳이나 ‘_’로 시작해야 한다.
2) 한글이름은 사용할 수 없다.
3) 대.소문자를 구별한다.
4) 변수명에 스페이스나 콤마, 물음표(?), 인용부호("")는 사용 할수없다.
5) 예약어(Reserved Word)는 변수명으로 사용 할 수 없다
'웹디자인기능사 > 웹디자인기능사 필기 요약' 카테고리의 다른 글
| 웹디자인기능사 - 인터넷 일반 - 제3강 인터넷 (2) (1) | 2024.06.04 |
|---|---|
| 웹디자인기능사 - 인터넷 일반 - 제3강 인터넷 (1) (0) | 2024.05.08 |
| 웹디자인기능사 - 인터넷 일반 - 제1강 HTML (0) | 2024.04.30 |
| 웹디자인기능사 - 디자인 개론 - 제6강 색채조화 (0) | 2024.04.29 |
| 웹디자인기능사 - 디자인 개론 - 제5강 색의 지각효과와 감정효과 (0) | 2024.04.28 |
