● Java Script의 정의
Nescape에서 개발된 객체지향 스크립트 언어를 의미합니다.
● Java Script의 종류
1. CSJS(Client Side JavaScript) : 간단히 말하자면 우리가 일반적으로 알고 있는 자바스크립트입니다.
HTML문장안에 포함되어 Client로 전송되고, 웹 브라우저안에서 실행되는 언어를 말합니다.
인터프리트 방식으로 실행됩니다. 자바의 문법을 빌어왔기 때문에 JavaScript라는 명칭을 사용하지만, 실제로 자바언어와는 크게 상관이 없다고 볼 수 있습니다.
Client Side JavaScript 는 <SCRIPT>..</SCRIPT>라는 태그안에 기술됩니다.
2. SSJS(Server Side JavaScript,LiveWire) : CGI(Common Gateway Interface)와 같은 기능을 할 수 있도록 자바스크립트의 기능을 서버쪽으로 옮긴 것으로 볼 수 있습니다.
Server Side JavaScript는 <SERVER>..</SERVER>라는 태그안에 기술하면 됩니다.
최초에 LiveWire란 명칭으로 개발하였으나, 중간에 Server-Side JavaScript로 명칭을 변경하 였습니다. 아직까지는 두 명칭을 서로 혼용하고 있는 상태입니다.
● Java Script의 개요
1. Java Script의 소개
기존의 정적인 HTML은 사용자와 상호작용할 수 있는 기능이나 즉각적인 응답을 받는 기능을 해결할 수 없다. 이런 문제와 제약을 해결하기 위한 시도중의 하나로 자바스크립트가 개발되었다.
자바스크립트는 자바를 기반으로 한 객체 지향 스크립트 언어로서 스크립트 코드가 HTML 문서 사이에 직접 삽입되어 번역(compile) 과정을 거치지 않고 브라우저에서 직접 실행 되어 자바스크립트를 지원하는 브라우저만 있으면 서로 다른 플랫폼(platform)에서도 실행되는 특징을 가지고 있다.
자바스크립트는 자바의 기본적인 문법구조를 그대로 사용하고 있어 자바와 유사하지만 동일한 언어는 아니다.
Java Script는 인터프리터 언어로서 클래스나 상속 개념이 없는 객체 기반 언어(Object Based Language) 개념을 가지고 이벤트를 처리 할 수 있도록 되어 있다.
Java Script는 넷스케이프사에 의해 라이브스크립트(LiveScript)라는 이름으로 처음 개발되었다. 이 스크립트 언어는 HTML을 확장하고 CGI를 대체하기 위한 목적을 갖고 있었다. 넷스케이프사가 선(SUN)에서 개발한 자바(Java)를 지원하기 시작하면서 자바스크립트(넷스케이프 2.0에서 지원)로 바뀌었다.
또 MS에서는 JScript(익스플로러 3.0에서 지원)라는 이름으로 지원하는데 Java Script와 대부분 호환을 가지고 있다. 그러나 웹상에서 스크립트 언어를 표준화하기 위해서 ECMA라는 단체가 있지만 완전한 표준은 되어 있지 못하다.
자바스크립트를 위한 도구로서 넷스케이프의 라이브와이어(LiveWire)와 볼런드사의 인트라빌더(intra Builder)가 있다. 라이브와이어는 자바스크립트를 기본 스크립트 언어로 사용하고 파일과 데이터베이스 제어를 위한 언어 확장 기능을 제공한다. 또 인트라 빌더는 자바스크립트를 프로그래밍 언어로 사용하는 웹 데이터베이스 개발 도구이다.
또 넷스케이프 엔터프라이즈 서버와 LiveWire, 마이크로소프트사의 ActiveX 서버 환경경하에서는 서버측에서도 사용된다.
2. Java Script의 기능과 실행
Java Script는 HTML과 사용자 사이의 상호작용이나 응답을 지원하고 멀티미디어와 에니메이션을 웹(Web) 상에 표현한다.
Event Handler로서 Mouse click, Form에 입력, page간의 이동 등 웹 페이지상에서 일어나는 event를 처리할 수 있다.
문서 객체 모형 기능으로 HTML로 정의된 Form, Frame, Layer 등의 객체 제어가 가능하다.
HTML에 속하지 않는 객체를 지원함으로서 HTML과 관련되지 않은 객체를 사용하여 별도의 정보, 예를들면, 사용자의 Browser 종류, Browser가 실행되고 있는 운영체제 등을 알수 있다.
요약하면 다음과 같다.
• 클라이언트와 서버 간의 데이터 교환과 같은 상태 관리 기능
• HTML 객체, 자바 애플릿, Active-X Control, Plug-in과 같은 클라이언트의 확장 기능 제공
• 자바스크립의 버전은 Java Script 1.0, 1.1, 1.2와 Jscript 1.0, 2.0이다.
• 자바스크립는 오직 클라이언트 쪽에서만 실행되기 때문에 망을 통한 데이터 전송 없이 모든 작업을 처리할 수 있다.
• 특정 플랫폼(Platform)에 관계없이 자바스크립트를 지원하는 브라우저만 있으면 실행이 가능하다.
• 현재 자바스크립트는 넷스케이프 2.0 이상, MS의 익스플로러 3.0 이상에서 지원한다.
• Java Script는 <Script> 태그로 시작해서 본문은 <!--로 시작하고 -->로 끝나는 HTML 설명문으로 묶어 있다.
• 그래서 Java Script를 지원하는 브라우저는 <Script> 태그 다음 "<!--"와 "-->"안의 내용을 script로 인식하고 그렇지 못한 브라우저는 HTML 설명문으로 처리한다.
• 하나의 HTML문서는 여러 쌍의 <Script> 태그로 존재할 수 있다.
• 또 Java Script는 대소문자의 구별이 있다.
• <SCRIPT LANGUAGE="JavaScript"> 자바스크립트 1.0(네비게이터용 자바스크립트 2.0) 지원
• <SCRIPT LANGUAGE="JavaScript1.1"> 자바스크립트 1.1(네비게이터용 자바스크립트 3.0) 지원
• <SCRIPT LANGUAGE="JavaScript1.2"> 자바스크립트 1.2(네비게이터용 자바스크립트 4.0) 지원
• -. HTML 문서내에 <script> 태그를 이용하는 방법
• <TITLE> Java Script의 형식(1)</TITLE>
• <SCRIPT LANGUAGE="JavaScript">
• -. HTML 태그의 이벤트에 응답하는 부분을 삽입하는 방법
• <TITLE> Java Script의 형식(2)</TITLE>
<INPUT type="SUBMIT" name="button1" value="버튼" onClick="alert("클릭")">
</form>
</BODY>
2. Java Script의 개발도구
Java Script의 입력은 일반 HTML 편집기로 가능하다.
그리고 특별한 자바스크립트를 위한 도구로서 Acadia Infise가 있다.
Java Script의 실행은 브라우저에서 인터프리터로 실행한다.
즉, HTML 문서가 브라우저에 의해 다운로드할 때마다 자바스크립트는 브라우저에 의해 해독되고 실행된다.
자바 스크립트의 내용은 사용자의 입력 및 여러 이벤트의 발생에 의해 적절한 부분이 수행되게 된다.
Java Script 소스의 위치는 HTML 태그내에 어디든 상관없으나 보통 함수는 <HEAD> 부분에 정의하고, 함수를 호출하는 것은 <BODY> 부분에 기술하는 것이 편리하다.
<HEAD>
<TITLE> Java Script의 형식(2)</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function pushbutton() {
alert("클릭")
}
// -->
</SCRIPT>
<BODY>
<form>
<INPUT type="SUBMIT" name="button1" value="버튼" onClick="pushbutton">
</form>
<a href="doc1.html" target=b>Previous</a>
<a href="doc2.html" target=b>Home</a>
<a href="doc3.html" target=b>Next</a>
</BODY>
</HTML>
● 기본 문법
1. 토큰(Token)
• 자바스크립트가 이해할 수 있는 각각의 단어 혹은 구, 문자를 의미하는 단어.
• 식별자(Identifier), 키워드(Keyword), 리터럴(Literal), 연산자(Operator), 구분자(Seperator)
• [예] 옳은 식별자 : current_webSite, NumberofHits, n, N
• [예] 잘못된 식별자 : current website, #ofHits, 2n, return
• break, function, null, while, continue, if, return, with, else, in, this, false, int, true, for, new, var
• 예약어 : 변수명, 함수명, 객체명, 메소드 이름으로 사용할 수 없는 식별자
• abstract, boolean, break, byte, case, catch, char, class,const,continue, default, delete, do,double, else, extends, false, final, finally, float, for, function, goto, if, implements, import, in, intanceof int, interface, labeled, long, native, new, null, package, private, protected, public, return, short, static, super, switch, synchronized, this, throw, throws, transient, true, try, typeof, var, void, while, with
• [예] 57, -12.45, 3.141592, 1.1e10, 8.2456E112, O12(8진수 12), OX1ff(16진수 1ff)
• 논리형 : 참(true : 1)이나 거짓(false : 0)중의 하나
• [예] "Kumi College", 'This is "substring" and others', "#16-4"
"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기, 각종 광고, 영업, 판매, 제안서, 전단지 반응율 3배×10배 이상 높이는 마법의 8단계 공식" |
|
| ☞자세히보기 |
|
|
|
