| ../ |
JavaScript와 Java는 서로 다릅니다.
Java는 Sun Microsystems에서 만든 객체지향(object-oriented programming)언어 입니다. 독립적인 어플리케이션을 만들 수 있고 applet이라는 브라우저(NN,IE)에서 사용할 수 있는, 내려받을 수(download) 있는 작은 어플리케이션을 만들 수 있고, applet는 HTML 페이지에서 <embed>택으로 사용할 수 있고, 웹페이지에 여러가지의 효과를 낼 수 있습니다.
JavaScript는 Netscape사에서 개발 되었고, applet이나 독립적인 어플리케이션을 만들 수 없습니다.
현재는 HTML안에서 CGI (Common Gateway Interface) 필요없이 방문자 컴에서 폼이나 기타 처리를
할 수가 있고 1.2 버젼(NN4,IE4)에서는 이벤트가 늘었고, 동적인 웹페이지를 만들 수 있습니다.
Server-side JavaScript로는 CGI program도 작성할 수 있습니다. 이 때는 서버 program, Netscape's SuiteSpot 같은 것이 필요합니다.
Server-side, Client-side는 같은 JavaScript language를 사용합니다. 하지만 둘은 다른 종류의 object를 사용합니다. Client-side objects는 HTML 웹페이지의 form, text, boxes, buttons같은 구성품이고, Server-side objects 는 사용자(client)의 어떤 요구 사항(예, database 접근)을 쉽게,용이하게 하는 일을 말합니다.
JavaScript1.1(NN3)은 HTML form element를 Java applets, plug-ins에 링크 시키거나 Java applets를 다른 Liveconnect(tm)에 링크시킬 수 있습니다. Java와 JavaScript는 좋은 보완자의 관계입니다.
JavaScript는 Java에 비해 작고 단순합니다.
C, C++ 같은 다른 언어같이 JavaScript를 사용하기 위해서는 특별한 tool은 필요없습니다. 메모장같은 text edit로
일반 HTML 페이지를 만드는 것처럼 작성하고 브라우저로 작성한 htm, html 화일을 열어보면 됩니다.
좀 더 편하게 작성하기 위해서 웹페이지용 edit를 사용할 수 있습니다. "나모"나 frontPage, dreamWever등
을 사용하면 좀 더 쉽게 웹 페이지를 작성할 수 있지만, JavaScript를 지원하는 것에는 만족스럽지 못하다고 합니다.
전 이들을 사용해보지 못했습니다. UltraEdit를 사용하여 무조건 손으로 만듭니다. 메모장보다는 낫거든요.
NS나 MS에서 나온 JavaScript 작성기도 있습니다. NS에서 나온 Visual JavaScript를 구경을 해봤는데,
아직 별로 만족스럽지 못했습니다. 제 개인적인 생각이지만, 수많은 버그를 가지고 있는 브라우저에서
이런 툴들이 과연 얼마 만큼의 효율적인 코드를 만들수 있는지 의문스럽습니다. 최적의 JavaScript 코드를 작성하기
위해서는 직접 손으로 작성하는 것이 가장 좋다고 생각합니다.
JavaScript를 html 페이지에서 사용하기 위해서는 <SCRIPT>라는 html 택을 사용합니다.
이 택 안에 language라는 attribute에 language="JavaScript" 를 지정하던가 language를 아예 넣어주지 않고 <script>
택만 적으면 기본으로 JavaScript를 script로 사용하는 것이 됩니다. nn, ie에서 그렇고 일반적으로 그렇습니다.
html이 그렇지만, 이것은 대소문자는 상관이 없습니다. 다만, 이 택 안에있는 JavaScript는 대소문자를 구분합니다.
HTML 문 안에도 JavaScript 코드를 넣어줄 수 있습니다.
없습니다. 대개 두 가지 방법으로 코드를 숨길 수 있다고 합니다.
첫째, <SCRIPT SRC="http://옆집/어떤.js">입니다.
두번째, <FRAMESET COLS="100%,*" FRAMESPACING="0"
FRAMEBORDER="NO" BORDER="0" NOBORDER>입니다.
이것은 하나의 숨은 프레임을 만듭니다. 따라서, Window, Mac NN, IE로는 소스 코드를 볼 수가 없습니다.
하지만, 프레임을 지원하지 않는 브라우저는 볼 수 있고(예: Lynx) view-source로도 볼 수 있습니다.
숨은 프레임은 다른 용도에 유용하게 사용할 수 있습니다. (예: 외부 변수 저장)
작동합니다. 하지만, 자기하드에서 시험을 할 때는 안됩니다.
서버에 올리고 해보기 바랍니다. 그리고, IE는 도메인당 하나의 cookie name=value만 허용합니다.
NN는 도메인당 20개를 사용할 수 있습니다.
없습니다. server-side CGI program(c, perl등)이 필요합니다.
버그입니다. <SCRIPT>택을 <TD>택안에 놓지 마세요.
<SCRIPT>을 <TD>택 전에 놓고, document.write()를 <TD>과
</TD>택 사이에 놓습니다.
새로운 창을 열때 NN에서는 창설정에서 공백이 들어가서는 안됩니다.
window.open("nextWindow.htm", "name2", "width=300,height=200"); 로
가로 300px, 세로 200px의 크기를 가지는 창을 name2라는 이름을 지정하고 엽니다.
width=300,height=200 이 부분이 새로운 창의 형태를 지정하는 곳입니다.
링크에 마우스를 가져갔을 때 그 링크에 관한 안내문을 브라우저의 맨 아래에 위치한 상태상자에 글자들을 보여줄 수 있습니다.
링크의 이벤트헨들러 onMouseOver와 반환값 true입니다.
새 창에서 다른 창을 참조 할려면 'opener'라는 property가 필요합니다.
근데, NN2나 'opener'를 지원하지 않는 JS를 사용 한다면 아래의 코드가 필요합니다.
일종의 편법이라고 할 수 있습니다.(NN3, IE3.02 는 지원이 되니 필요가 없습니다.)
var newWind = window.open("xxx","xxx","xxx") 새 창에서 앞 윈도우를 참조하기 위해서는 새 창의 모든 요소가 성공적으로
다 로드 되어야 합니다.(변수나 object등) newWind.document.formName.elementName.property
새 창에서 앞 창의 폼의 한 element를 접속(accass)할려면
opener.document.formName.elementName.property
그리고, 새 창이 앞 창의 프레임에서 열렸고, 새 창의 script가
앞 창의 다른 프레임을 접속 할려면 아래 식으로 습니다.
opener.parent.otherFrameName.document.formName. ...
기본적으로 JavaScript 자체로는 안됩니다. 아무리 어렵게 Password를 만들어도 소스를 볼 수 있기 때문에
암호를 알아낼 수 있습니다. 방법은, Site의 문서가 있는 곳의 경로나, 문서 이름 으로 할 수 있습니다.
폼에서 화일이름이나 경로를 적어주고 그 Text의 값을 Anchor택에 연결 시키는 방법입니다.
또는, Cookie로 구현할 수도 있습니다.
예.. 자기 혼자 개인적으로 쓰거나 한 회사의 여러명이 쓰는 intranet에서 사용할 수 있습니다.
NN4는.. Edit - Preferences - Navigator - Applications에서 "New type" 버튼을 누르고, 아래를 입력 하세요.
NN4나 IE3에서 확인창이 뜨는것을 안나오게 하려면,
file type을 설정하는 곳에서 " Don't ask me that again"을 선택하세요..
.. onClick="self.status='yongsuk\'s Homepage'"> 에서..
주의할 것은 \표시를 JS가 실행할 때는 \다음에 있는 글자를 특수문자 기호로 보고 \ 이것을 빼고 해석합니다.
그러므로, 뺏을 때, 따옴표로 시작했으면 따옴표로 끝나야 되고 이중따옴표로 시작했으면 이중따옴표로
끝나야 합니다. 서로 중복되면 에러가 납니다.
\(backslash)나 "(double quote)는 \\ 와 \"로 할 수 있습니다.
1. win95의 보조프로그램 코드표에 있음.
NN의 location 주소 적는곳에 javascript:Z를 적고 엔터를 하면 현재 페이지의 구성요소 중 하나로 Z를 인식하고 Z를
javascript명령으로 작동합니다. javascript:history.length는 현재 페이지의 history의 갯수를 보여줍니다.
다른 모든 것도 같습니다. 즉 javascript:history.length는 document.write(history.length)를 script택 안에서
실행한것과 똑 같습니다. 만든 페이지를 검사할 때 유용합니다. 무엇이 잘못 되었고 어떻게 되었나 알아볼 때 훨씬 편리하죠..
방문한 필드에서 about:X를 입력하면 X와 관련된 정보를 얻을 수 있다.
about:cache
about:global
about:image-cache
about:memory-cache
about:plugins
about:globalhistory
C나C++에 경험이 있다면 좀 더 쉽겠지만,
별 필요가 없습니다. HTML만 알고 있어도 충분합니다.
JavaScript를 사용하기 위해서 tool이 필요한가요?
JavaScript를 어떻게 html 페이지에 적나요?
<script>
JavaScript Code
</script>
위의 형식이 됩니다. 이 <script> 택은 head 택이나 body택 어디라도 넣어줄 수 있고 이 때 어디에 넣어줄지는 html과 관계가 있습니다.
JavaScript가 링크같은 한개의 html을 참조한다면 그 링크가 순서상 위에 있고 JavaScript코드가 밑에 있어야 합니다.
JavaScript나 JScript, vb script등은 모두 html을 다루는 언어 입니다. 즉, html이 먼저 있어야 그것들을 다룰 수 있습니다.
이렇게 하기 위해서는 html 링크 다음에 JavaScript를 넣어주던가 body의 onLoad 이벤트 헨들러로 페이지가 다 출력이 되고 JavaScript를 사용하면 됩니다.
<head>
<script language="JavaScript">
function linkChack() {
XX = document.links[0].href
}
</script>
</head>
<body onLoad="linkChack()">
<A HREF="myHome.htm">내 홈페이지로 가기</A>
나
<body>
<A HREF="myHome.htm">내 홈페이지로 가기</A>
<script language="JavaScript">
XX = document.links[0].href
</script>
로 하면 "내 홈페이지로 가기" 링크의 href 주소를 외부변수 XX에 저장합니다.
<A HREF="javascript:someFunction()">
여기서 굵은 글씨가 JavaScript 코드 부분입니다. 이곳에는 대소문자를 구분합니다. 나머지는 HTML입니다.
HTML은 대소문자가 상관이 없습니다. 아무거나 사용하면 됩니다. 그래서, somefunction()과
someFunction()은 서로 다른 함수입니다.
<a href="#" onClick="someFunction(); return false">링크</a>
여기서도 굵은 글씨가 JavaScript 코드이고 나머지는 HTML입니다.
나의 페이지의 Javascript 코드를 숨길 수 있나요?
*.js 화일은 view-source:http://옆집/어떤.js 를 location에 넣고 엔터를 하면 코드가 나옵니다.
이 화일의 용도는 소스를 감추기 위해서가 아니라 많은 페이지를 가지고 있는 사이트가
반복적인 소스 코드를 넣는 불편함을 덜기 위함입니다.
Document.cookie가 MSIE에서 왜 작동하지 않나요?
방문자의 수를 확인하는 카운터를 사용할 수 있나요?
Table 안에있는 script가 작동이 안됩니다?
300x200 창의 크기를 가진 창을 ie는 열 수 있는데 nn으로는 왜 안되나요?
이곳에서 공백이 없어야 합니다. 이곳에서 쉼표 다음에 공백이 들어가서는 안됩니다.
마우스를 링크에 가져갔을 때, 상태상자에 안내문을 어떻게 보여주나요?
<a href="home.htm"
onMouseOver="window.status='홈으로 가는 링크입니다'; return true"
>Go Home</a>
마우스 와주세요..
Window.open()으로 새로운 창을 열었을때, 새 창에서 앞 창의
objects나 scripts를 어떻게 사용할 수 있나요?
if (newWind.opener == null) { // for Nav 2.0x
newWind.opener = self
}
앞 창에서 새 창의 폼의 한 element를 접속(accass)할려면
제 사이트에 온 방문자에게 암호를 걸 수 있나요?
NN2에서는 Password Object 를 지원하지 않습니다.
위의 두가지로 암호를 걸 수 있지만 완벽하지는 못합니다. 예제 참조
내 하드(local)의 실행 파일을 실행할 수 있나요?
이것을 하기 위해서는 브라우저의 설정을 한 가지 조정해야 합니다.
NN3는.. Options - General prefs - Helper apps 로 가서 "application/octet-stream"를 선택하고,
"Launch the Application" 선택합니다. (기본으로 Save to Disk가 선택되어 있을 겁니다.)
Description: EXE file
Extension : exe
MIME type : application/exe
Action : "%1" %*
IE3는 설정할 것이 없습니다.
그리고, 페이지에서는 <A HREF="file:///C:\WINDOWS\Calc.exe">CALC.EXE</A> 를 넣어 보세요.
이 링크를 누르면 NN3에서는 Save As 창이 뜰겁니다. "취소"을 누르면 계산기(Calc.exe)가 실행됩니다.
NN4에서는 저장할 것인지 실행할 것인지를 묻는 "What do you want me to do with that file" 창이 뜹니다.
"Open", "OK"를 누르면 실행 합니다. 이 때의 실행여부는 Application Server에 좌우될 수 있습니다.
오늘날짜 보여주기
JavaScript 구문에서 인용부호(") 쓰기
따옴표(')와 이중 따옴표(")로 이렇게 지정할 수 있습니다.
그런데, 인용부호가 또 필요하다면, \"로 쓰면 됩니다.
또 필요 하다면 이렇게 하면 됩니다. \\"
확인은 NN4로 소스를 보세요.. 그러면, 확실히 어디가 잘못되었는지 알 수 있습니다.
특수문자(※,↑, ￥) 사용하기
2. 한글 바이오스
(※)는「한/영」키를 눌러 한글입력상태에서 자판의 자음건반 (ㅁ) 을 누르고「한자」자판을 누르면 됩니다.
그러면 조그마한 창이 나오는데 6번에 이 글자가 있습니다.
다른 문자는 좌우 화살표 자판으로 이동해 보면 나옵니다.
자판의 자음 (ㄱ)∼ (ㅆ)까지 지정된 특수문자가 있습니다. 쌍자음(ㄲ)에도 지정된 것이 있습니다. 쌍자음???
Location 상자에서 javascript:Z
Location 상자에서 about:X
디스크 캐시안에 있는 파일 리스트를 보여준다.
방문한 모든 장소에 대한 리스트를 보여준다.
캐시안에 있는 이미지 파일 리스트를 모두 제공한다.
메모리 캐시안에 있는 파일을 모두 제공한다.
설치되어 있는 plug-in의 목록을 보여준다.
이전 방문했던 URL을 출력해 준다. 넷스케이프 폴더 아래의 netscape.hst 파일에 남아 있다.
--
NN4 Object Model
NN4 Global Object Model
Error 나기 쉬운곳
Bug와 특성
변수선언과 종류