개발자(開發者) a developer

How to deploy EJB component

자바스터디 네트워크 [www.javastudy.co.kr]

조대협 [bcho_N_O_SPAM@j2eestudy.co.kr]

1. WebLogic Class Loader


EJB와 웹애플리케이션을 디플로이하기 위해서는 효과적인 패키징이 필요하다. 효과적인 패키징을 위해서는 먼저 WAS의 ClassLoader의 구조에 대해서 알필요가 있는데, 먼저 WebLogic의 ClassLoader에 대해서 살펴보도록 하자.

○ Class Loader란?

Class Loader란 자바의 큰장점중의 하나로, Compile Time이 아닌 Run Time에 Class를 로딩할 수 있게 해주는 기술이다. 예를 들어, ClassA = new ClassA(); 라는 코드를 최초로 실행할때, JVM은 ClassA라는 Class를 Class Loader를 통해서, ClassA.class의 바이트 코드를 최초로 메모리에 로드하게 된다. Class Loader는 이처럼, Class의 바이트 코드를 FileSystem이나,Jar와 같은 Archieve또는, network socket(Applet and RMI)를 통해서 동적으로 로딩할 수 있도록 지원해준다.

이 Class Loader는 기술적으로 몇가지 특징을 가지고 있는데 그 내용을 살펴보면 다음과 같다.

   - Hierarchical
     : Class Loader는 Hierarchical 하게 생성이 가능하다. Parent class loader에서, child class loader를 갖는것과 같이 Class Loader간의 계층형 구조를 갖게 되며, 최상위의 Class Loader는 "bootstrap" Class Loader가 위치하게 된다.

   - Delegate load request
     : 위와 같이 Class Loader가 계층형 구조를 가지고 있기 때문에, Class 로딩상에 몇가지 규칙이 필요한데, 일정 시점에 Class Loading 요청을 받았을때, 상위 Class Loader가 Loading한 Class가 그 우선권을 가진다.
     예를 들어 설명하면, Class Loader가 parent부터, CL1-CL2-CL3 순서로 생성되어 있다고 가정하자, 애플리케이션이 Class Loader CL3로 Class를 요청하면, CL3는 그 요청을 CL2로, CL2는 CL1으로 요청을 전달한다. 즉, Class 로딩의 우선 순위는 parent class가 가지고 있고, 만약에 요청받은 Class가 없을 경우에만 아래 레벌 Class Loader가 Class를 로딩하게 된다.

   - Have visibility constraint
     : 상위 Class Loader를 먼저 참조하는것에 이어서, Class Loader는 일종의 scope rule을 제공하는데, Child Class Loader는 Parent Class Loader의 Class를 Delegation load request를 이용하여 찾을 수 있지만, 그 반대로 Parent가 Child가 Loading한 Class를 사용할 수 는 없다. 또한 Parent의 같은 Level의 Child Class Loader는 서로 로딩한 Class를 사용할 수 없게 되어 있다.

   - Cannot unload classes
     : Class Loader에 의해서 Loading된 Class들은, unload될 수 없다.. Class Loader에는 Class Unloading기능이 없다. 그래서 이 unloading 기능을 우회적으로 구현하는 방법은 Class를 로드한 Class Loader 자체를 삭제하고, 새로운 Class Loader를 만들어서 다시Class 를 로드하면, reload되는 것처럼 작동하는것이 된다.

내용이 좀 어려울 수 도 있겠지만, WLS의 뒤에 나올Class Loader의 내용을 읽어보면 이해가 될것이다. Deploy 개념을 이해하는데 중요한 내용이니 이해하도록 하자.

○ WebLogic의 Class Loader

그럼 이제 WebLogic의 Class Loader에 대해서 알아보도록 하자. 이 feature는 단지 WebLogic뿐 아니라, J2EE 표준을 따르는 WAS는 모두 준수하고 있는 내용이다.

일단 WebLogic이 기동되면 JVM Level의 Class Loader가 Loading된 후에, WebLogic의 Application에 따라 각각의 Class Loader가 그 Child로 Loading된다.

JVM Class Loader

먼저 JVM이 가동될때, Loading되는 Class Loader는 parent부터 순서대로, Bootstrap, Extensions, System Class Loader가 올라가게 된다. 그 내용을 살펴보자

   - Bootstrap Class Loader
     : JVM이 실행될때 맨 처음 실행되는 Class Loader로, 가장 기본적인 JAVA실행에 필요한 가장 기본적인 Class들을 (rt.jar, i18n.jar 와 같은 기본적인 Archieve) 로딩한다.

   - Extensions Class Loader
     : BootStrap Loading후, 기본적으로 Loading되는 Class로 $JAVA_HOME/lib/ext에 있는 Class들이 Loading된다. 이 Class들은 별도로 classpath에 잡혀 있지 않아도 Loading된다.

   - System Class Loader
     : 다음으로, CLASSPATH에 정의되거나 JVM option에서 -cp, -classpath에 지정된 Class들이 로딩된다.

기본적으로 WebLogic은 이 JVM Level의 Class Loader에서 작동을 하게 되고, Application을 Deploy할때 마다 별도의 Class Loader를 System Class Loader의 Child로 Invoke하게 된다.

JVM Class Loader

WebLogic에서 Invoke되는 Class Loader는 종류에 따라 EJB-JAR,WAR,EAR 3가지로 구분이 된다. 각자의 Class Loader에 대해서 체크해야할 사항을 짚고 너머가 보자.

   - EJB-JAR
     : 각 EJB-JAR 파일은 디플로이가 되면, JAR파일당 각각의 Class Loader를 생성하게 된다. 그래서, 다른 JAR파일에 있는 Class들은 참조를 할 수 가 없고, 오로지 Parent Class Loader인, JVM Level의 CLASSPATH에 적용된 CLASS들만 참조를 할 수 있다. 그래서, 다른 EJB JAR파일내에 있는 EJB를 사용하기 위해서는 그 EJB의 Client class들(Remote Interface,Home Interace)을 같이 JAR로 묶어주어야 한다.물론 같은 JAR파일내에 있는 EJB나 다른 Class를 사용하는 것은 같은 Class Loader상에 Load된것이기 때문에, 가능하다.

   - WAR
     : Servlet이나 JSP를 패키징하는 WAR파일 역시 EJB-JAR와 같은 특성을 갖는데, 집고 넘어가야할점은 웹로직에서는 WAR에 대해서 우선순위 변경이 가능한데,일반적인 Class Loader의 우선순위를 따르는것 이외에, WEB-INF/classes와, WEB-INF/lib 디렉토리가 우선순위를 갖것이 가능하다. 이 디렉토리안에 class가 있을 경우에는 parent class loader에 load된 Class보다 우선순위를 갖게 설정할 수 있다.이설정은 웹로직 콘솔에서 PreferWebInfClasses 라는 옵션을 true로 설정(default는 false이다.)을 하면 가능하며, 자세한 내용은 (http://e-docs.bea.com/wls/docs61/programming/packaging.html 에Using PreferWebInfClasses in J2EE Applications 부분을 참고하기 바란다.)

   - EAR
     : 위의 EJB-JAR와 WAR는 각각 하나의 Class Loader를 갖는데 반해서, EAR을 두개의 Class Loader를 갖게 된다. EJB-JAR를 위한 Class Loader와 WAR를 위한 Class Loader 두개가 Invoke되고, 그 관계는 EJB-JAR Class Loader가 WAR Class Loader의 Parent관계가 되서, Servet/JSP는 당연히 EJB Class를 참조해서 사용이 가능해지게 되는것이다. (JSP는 WAR Class Loader에 의해 Loading되었기 때문에, 그 Parent인 EJB-WAR Class Loader에 의해 Loading된 EJB Class를 사용할 수 있게 되는것이다.)

<그림 1. WebLogic Class Loader 구조>

그럼 <그림 1>을 보자. 그림 1의 EJB JAR5는 EAR1이나 WAR4, EAR2의 Class Loader와 다른 Class를 사용하기 때문에, 다른 패키지의 Class를 참조할 수 없다.

EAR1의 WAR1은, EAR로 같은 Class Loader상에 있는 EJB JAR1,EJB JAR2,EJB JAR3에 있는 Class를 참조할 수 있다. 그러나 EAR2의 Class는 참조할 수 없다. 그러나 역으로, EJB Class Loader가 WAR Class Loader의 Parent이기 때문에, EJB JAR 1.2.3는 WAR1,2의 Class를 참고할 수 없다.

여기서 한가지 집고 넘어가야할것은 모든 EJB JAR가 참조하는 Class들은 CLASSPATH내에 있는 Class가 우선시 된다. (JVM Class Loader가 모든 WebLogic Class Loader의 parent이기 때문에.) 그래서, EJB의 Client Class나, Common Class들을 CLASSPATH와 JAR양쪽에 넣으면 CLASSPATH내에 있는 CLASS가 참조가 된다. (이런식의 패키징은 권장하지 않는다. 상세한 내용은 다음에 나올 EJB 패키징 부분에서 알아보도록 하자)

※ WLS 8.1에서부터는 개발환경을 위해서 Class Loader의 계층구조를 임의로 지정할 수 있게 되어 있다. 자세한 내용은 (http://e-docs.bea.com/wls/docs81/programming/classloading.html#1083313) 를 참고하기 바란다.

JVM Class Loader

J2EE에서, WAS가 하나의 Class Loader를 이용하지 않고, 각 WAR,EJB-JAR,EAR별로 별도의 Class Loader를 사용하는것은 다음과 같은 이유를 가지고 있다.

   - Isolation
     : 개발그룹 A가 Application app-A에 대해서 개발과 deploy를 할때, 다른 Application에 대해서 신경쓸 필요없이 작업 수행이 가능하게 된다. 만약 모든 Applilcation이 하나의 Class Loader를 사용하게 된다면, 하나의 애플리케이션을 deploy할때마다, Class Loader가 restruct되는등 영향을 받을 수 있다.

   - Singleton
     : 이렇게 Class Loader를 따로 사용하기 때문에, Application 별로, 당연히 Singleton Pattern이 따로 적용된다. 만약 Class Loader가 전역적으로 하나만 사용되었다면, 다른 Application에 의해서, Singleton이 오작동할 수 도 있을것이다. (Singleton은 GoF의 Design Pattern중의 하나이다. 자세한 내용은 Design Patterns-Addison Wesley를 참고하기 바란다.)

   - Namespace
     : Namespace의 확장도 가능하게 되는데, webApp1.war와 webApp2.war 파일에 똑같이 index.jsp 라는 파일이 있을때, WAS는 각 Class의 Name space를 Class Loader + File Name이라는 Namespace를 사용하기 때문에, 다른 Application안의 컴포넌트들을, 어떻게 naming 하느냐는 것은 문제가 되지 않는다.

   - Hotdeploy
     : Hotdeploy는 J2EE의 중요한 feature중의 하나인데, WAS가 가동중에, 컴포넌트를 redeploy할 수 있는 기능을 Hotdeploy라고 한다. 위에서도 설명했듯이, redeploy를 하는 기능은 Class Loader에는 없기 때문에, redeploy를 하기 위해서는 기존의 Class Loader를 unload하는 동시에, 새로운 Class Loader를 Loading하여, Class 를 reloading하게 된다. 이렇게 Class Loader를 나누어 놓음으로써, 효과적이고 빠르게 redeploy가 가능하게 된다.

   - Deploy
     : Application의 배포역시, Application 단위로, Class Loader를 이용하기 때문에, Application 단위로 배포가 가능해진다. Class Loader를 하나만 사용했다면, 일부만 변경이되더라도 Application 전체를 redeploy해야 됐을것이다.

이제까지, 간단하나마, JVM Class Loader와, WebLogic Class Loader의 내용에 대해서 살펴보았다. 그러면 이 특성에 따라서 각각의 애플리케이션과 컴포넌트들을 어떤식으로 패키징하는가에 대해서 알아보도록 하자.


2.Packaging Component


J2EE 패키징을 하는데 있어서 가장 큰 이슈는 EJB의 Client Class(Home Interface,Remote Interface)와, Common Class들일 것이다.. 이 Class들을 Deploy하는 방법이 어떤것이 있는지, 그리고 그 장단점에 대해서 알아보도록 하자.

○ WEB-INF/classes

Servlet,JSP에서 사용하는 EJB Client Class와, Common Class를 classes 디렉토리에 풀어서 배포하는 방법인데, 수정과 삭제가 편하다는 장점은 있으나, Web Application 마다, classes 디렉토리에 배포를 해야하기 때문에, Version 관리 문제나 Sync 문제가 발생할 수 있고, 파일단위로 관리하기때문에, 번거롭다. 소규모가 Application이 아닌경우에는 권장하기 어려운 방법

○ WEB-INF/lib

Servlet,JSP에서 사용하는 EJB Client Class와, Common Class를 jar로 묶어서, lib 디렉토리에 위치시킬 수 있다. Jar단위로 묶어서 패키징하기 때문에, 관리가 간편하다는 장점이 있다. 단점은 WEB-INF/classes에 배포하는것과 같다.

○ Class files within EJB JAR

EJB에서 사용하는 Common Class와, 참고하고 있는 외부 EJB-JAR의 EJB Client Class를 하나의 jar파일에 패키징하는 방법. 이 방법은 EJB-JAR 파일 단위로,독립성이 뛰어나고 핸들링하기 편하다는 장점은 있으나, 각각의 EJB-JAR에 Class들이 직접 패키지되기 때문에, 변경 사항이 있을때마다 다시 패키징을 해야한다.

○ Class files on system CLASSPATH

EJB Client Class와, Common Class들을 아예 System CLASSPATH에 넣어버리는 방법도 있다. 이렇게 할경우에는 CLASS를 사용하는것이 매우 간편해지기는 해지고, common class의 경우에는 중복하여 배포할 염려없이, CLASSPATH내에 있는 것만 바꾸면 되기 때문에, 일관성을 유지하기가 좋다
그러나 그 CLASS들을 바꾸거나 할경우에는 WAS를 restart해야하는 제약 사항이 따르게 되구. Hotdeploy와 같은 기능을 사용하는것은 불가능하게 된다

○ jar on system CLASSPATH

바로 앞의 방법에 Class files을 jar로 묶어서 CLASSPATH에 배포하는 방식으로, 위와 같은 단점을 가지지만, jar 단위로 묶어서 관리를 하기 때문에, 앞의 방법보다는 Class 관리가 편리하다.

○ jar in EAR

가장 일반적인 배포 방법으로client class와 common class을 jar로 묶어서, Application ear 안에 함께 묶어서 배포하는 방식으로, ear단위로 application 관리와 배포가 가능해진다.
그러나 두개 이상의 application이 공통된 common class 파일들을 참조하는 경우에는 각각의 ear에 common class를 넣어서 패키징해야 하기 때문에, 이런 경우에는 일관성의 문제가 발생할 수 도 있다.

○ MANIFEST.MF

JDK1.2의 "extension mechanism" 이라는 이름으로 등장한 기능으로, JAR파일이 다른 JAR파일의 Class들을 참조할 수 있게 해주는 기능이다.일단 사용법부터 살펴보면

/META-INF/MANIFEST.MF 라는 파일로 정의가 되고
Manifest-Version: 1.0
Class-Path: commonclasses.jar ./account/account_ejb_client.jar
./com/bea/

식으로 사용된다.
이렇게 정의되어 패키징된 jar파일내의 Class들은 commonclasses.jar와./account/account_ejb_client.jar 그리고./com/bea/ 에 있는 Class들을 사용할 수 있게 된다.

여기서 꼭 주의해야할 점은 Class-Path의 디렉토리 경로는 상대 경로만 지정이 가능하며, 이 상대경로의 기준 디렉토리는 해당 JAR파일의 Class들이 실행되는 디렉토리 이다. 그런데, 이 실행디렉토리라는 것이, WAS에 디플로이된 jar파일의 경로가 아니다.WLS의 경우 해당 jar가 $WLS_HOME/config/mydomain/applications에 위치하고 있더라도, 그 디렉토리를 기준으로 하지 않는다는 이야기이다. 대부분의 WAS가 실행시에, 그 jar를 컴파일하거나 캐슁해서 사용하는 staging 디렉토리에 그 class들을 위치해놓고 수행을 하기 때문에, staging 디렉토리가 어디가 될지는 WAS의 종류와 환경에 따라서 다르다.

이런 이유로 MANIFEST.MF를 사용하는 경우는 EAR안에 같이 패키징된 JAR파일간의 reference를 결정하는데만 사용해야하며, 그중에서도 deploy order를 정의하는데 사용된다. 즉jar in EAR 의 경우, common class가 그 Class를 사용하는 EJB보다 늦게 deploy가 되면 Class NotFound 상태가 될 수 있기 때문에, common class를 먼저 deploy 시킬때, 그 common class를 사용하는 EJB의 EJB-JAR에 MANIFEST.MF를 이용하여, common class가 먼저 로딩되게하는데 사용을 한다.

꼭 기억해야 할것은 위와 같은 이유로 MANIFEST.MF는 EAR안에서만 사용해야 한다는 것이다.

지금까지 common class와, ejb-client-class들을 패키징하는 몇가지 정책에 대해서 알아보았다. 어떤것이 절대적으로 좋고 나쁘다는 정석은 없다. 개발 상황과, 정책에 따라서 알맞은 패키징 정책을 선택하는 것이 올바른 길일것이다. 단. 패키징 정책을 결정하지 않고, 개발을 진행하다가는 추후에 낭패를 볼 수 있으니, 패키징 전략을 수립한후에, 개발을 진행하도록 하자.

○ APP-INF/lib or APP-INF/classes (WLS 8.1 이상)

WLS 8.1부터 새로 등장한 방법으로, common class들을 APP-INF/classes나, lib 디렉토리에 배치하면, 그 ear안에서 자유롭게 사용할 수 있게 된다

NOTE!

좀더 효율적인 패키징 전략 수립을 위해서는 Component간의 Dependency와 패키징 구조를 파악하는 것이 중요한데, 이는 UML을 이용한 OOAD(Objected Oriented Analysis and Design) 단계에서 Class 간의 Dependency Diagram을 통해서 파악하고, 이를 Deployment Diagram을 통해서 형상화 하면 좀더 논리적이고 체계적으로 패키징 전략을 수립하는것이 가능하다.

※ Call by reference and Call by value.

잘알고 있겠지만, Java의 Call 방식에는 Call by reference와, Call by value 두가지 방법이 있다. 당연히 Call by reference가 속도나 효율면에서는 뛰어나겠지만, EJB와 같은 Remote Call의 경우에는 사용되는 Object나, Call Method의 인자전달을Call by value를 사용한다.
WLS 에서는 같은 EAR안에 패키징을 할경우에는 WLS가 RMI call을 optimize하여, call by reference로 하도록 조정해주고, local interface를 사용할 경우에도, call by refrerence를 사용하도록 한다.
이런 이유로, 같은 EJB를 어떤식으로 Packaging하느냐에 따라서도 Performance차이가 날 수 있다는것을 참고하도록 하자.


3. EJB Packaging Order


지금까지는 Application이 어떻게 패키징 되는지, 패키징 된 Class들이 어떤 방식으로 Loading되는지 알아보았다. 그럼 WebLogic Server에서, 어떤 과정을 거쳐서, EJB를 Packaging 하여 war,jar,ear등을 만들어내는지에 대해서 알아보도록 하자

○ MANIFEST.MF

1) develop ejb component

2) compile ejb component
개발한 EJB를 class로 컴파일 한다.

3) define EJB deployment descriptor
WebLogic에서는 3개의 Deployment descriptor를 필요로한다.
ejb-jar.xml
weblogic-ejb-jar.xml
weblogic-cmp-rdbms-jar.xml (optional, for CMP only)

EJB의 Deployment Descriptor를 만들어야 되는데, 이 부분은 WebLogic에서 어느정도 자동화가 가능하다.
EJB class가 있는 디렉토리에서 다음 명령어를 이용하면, Deployment Descriptor (ejb-jar.xml weblogic-xxx.xml) 파일을 자동으로 생성해준다.

WLS6.1
(EJB 1.1) java weblogic.ant.taskdefs.ejb.DDInit [dir]
(EJB 2.0) java weblogic.ant.taskdefs.ejb20.DDInit [dir]
(Web App) java weblogic.ant.taskdefs.war.DDInit [dir]
(App) java weblogic.ant.taskdefs.ear.DDInit [dir]

WLS 7.0
(EJB) java weblogic.marathon.ddinit.EJBInit [dir]
(App) java weblogic.marathon.ddinit.EarInit [dir]
(Web App) java weblogic.marathon.ddinit.WebInit [dir]

이를 통해서 생성된 EJB DD들은 완전한것이 아니기 때문에, 직접 에디터를 통해서 수정하도록 하자.

아래 그림은 각각의 EJB deployment descriptor가 어떻게 시스템과 맵핑이 되는지를 나타내주는 그림이다.



4) packaging EJB to jar file
이렇게 개발된 EJB class파일들과, deployment descriptor를 jar 유틸리티를 이용해서 jar파일로 패키징 한다.

5) generate EJB stub (* important !!)
4)단계까지는 대부분의 사용자가 잘 진행을 하지만, 시중의 많은 서적이나, 초보 가이드 문서에 빠져있는 부분이 EJB stub을 만드는 부분이다.



우리가 코딩하는 EJB 부분은 EJB의 로직부분이다. EJB는 분산객체이기 때문에, 아랫단에서 네트워크 환경을 위한 RMI 등의 통신 메커니즘을 제공하는데, 이 통신 메커니즘에 해당하는 부분이 EJB의 stub class들이다. 요즘의 WAS들은 이 stub Class들을 EJB deploy과정에서 자동으로 생성해주는 경우가 많은데, 이 과정은 server에 upload되는 순간에, EJB의 내용을 분석하여, stub의 java source 파일을 생성하고, javac 컴파일러를 invoke하여, stub class를 generation 하게 된다. 이 기능은 개발시에 매우 편리하니, 개발과정에서 사용하도록 하자.

그러나 운영시에는 deploy하는 과정에 많은 EJB stub을 만들고 컴파일하는데 많은 resource가 소요된다. 결과적으로, 한꺼번에 많은 EJB를 deploy할때는 이 stub을 생성하는 과정에서 동시에 많은 resource가 사용되서 시스템이 느려지거나, boot up 시간에 영향을 주는 경우가 많다.

이런 이유로, ejb를 서버에 deploy하기 위해서, ejb stub을 미리 생성해서 패키징하여 deploy하는것이 좋다. 다음과 같은 방법으로, ejb stub을 포함한 jar파일을 생성할 수 있다.

% java weblogic.ejbc [ejb-jar-file-name] [result-file-name]

example)

% java weblogic.ejbc account_manager.jar account_manager_stub.jar

여기까지 진행하면, deploy를 하기 위한 하나의 완벽한 ejb-jar 파일이 작성된것이다.

6) packaing EJBs into ear files

앞에서 작성한 ejb-jar파일과 war파일들을 적정한 디렉토리에 배치하고, META-INF/application.xml 파일을 작성한후 jar 유틸리티를 이용하여 ear로 생성하면 최종 deploy를 위한 준비가 끝난것이다.

○ Specifying ejb-client.jar
EJB를 클라이언트에서 사용하려면 위에서 설명하였듯이, ejb client class들이 필요하다.

EJB Client class들은 EJB Home Interface,Remote Interface,Primary Class Interface나, 기타 인자가 되는 Class들로 구성이 되는데, 이 Class들만 묶어서, 해당 EJB를 사용하기 위한 jar파일로 구성하게 된다.

(※ 이때, EJB Implementation Class들과, stub Class들을 같이 묶는 경우가 있는데, 이는 deploy 방법이나 CLASSPATH 설정등에 따라서 심각한 문제를 발생시킬 수 있으니, 절대로 같이 패키징하지 말자.)

이 파일들을 일일이 골라내서 패키징하는것도 여간 번거로운 작업이 아닐 수 없다. 이것을 좀 더 편리하게 하기 위해서, J2EE spec에서는 자동으로 ejb-client.jar Class를 생성해주는 기능을 제공하는데, 간단하게 ejb-jar.xml을 수정하고, java weblogic.ejbc xxx를 실행해주면된다.

구체적인 순서는 다음과 같다.

   - ejb-jar.xml에 ejb-client-class.jar 라는 엘리먼트를 추가한다.
   - ejb-jar 파일을 java weblogic.ejbc [ejb-jar-file-name] [result-file-name] 를 실행하면, 해당 디렉토리에 ejb-client-class.jar라는 파일 이름으로, client Class만 추출되어진 jar파일이 생성된다.

이렇게 생성된 jar파일들은, Servlet/JSP에서 사용할 경우 WEB-INF/lib 에 위치하거나, Client Application의 classpath내에 적용되어 사용된다.

○ Deploying Pinned EJB

특히 Cluster에 EJB를 Deploy할때는 특별한 주의가 필요한데, Cluster의 경우에는 EJB를 하나의 서버에만 deploy하고, targeting을 통하여, Cluster내의 다른 서버에, EJB를 배포할 수 있다.
이경우, ejbc를 거치지 않은 EJB의 경우에는 upload한 서버의 경우에는 자동으로 ejbc를 실행하여, stub을 생성하지만, targeting에 의해 ejb가 복제된 다른 서버의 경우에는 stub이 없는 파일이 복제 되기 때문에, client에서 그 EJB를 호출할 경우, RMI Layer에서 Assertion error가 발생하게 된다.

○ Ant utility

지금까지 EJB를 배포하기 위한 패키지를 생성하는 순서에 대해서 살펴보았다. 과정이 길고 복잡하기 때문에, 개발도중 매번 일일이 실행하기에는 매우 복잡하기 때문에, J2EE에서는 예전 Unix시절의 make와 같은 유틸리티를 제공한다. Ant라는 이름의 유틸리티로, build.xml이라는 스크립트를 만들어서 위의 과정을 자동화할 수 있다. 거의 EJB 개발에서는 표준으로 사용하고 있는 유틸리티이니 한번 체크해놓도록 하자.
좀더 자세한 정보는http://ant.apache.org/ 를 참고하시 바란다.


4. EJB deploy in WebLogic Server


이렇게 만들어진 Archieve file들(war,ear,jar)을 WebLogic에서 EJB를 Deploy하는 방법은 크게 3가지 방법이 있다.

   - Console deploy
   - Command line deploy
   - Auto deploy

○ Console deploy

WebLogic 콘솔을 이용하여, 웹브라우져에서 디플로이 하는 방법이다. 간단한 방법이므로 본 문서에서는 따로 설명하지 않는다. http://edocs.bea.com 의 WLS deploy 문서를 참고하기 바란다.

○ Command line deploy

웹브라우져를 사용할 수 없는 command line 환경에서 사용할 수 있는 방법이다.

%java weblogic.deploy ?port port_number ?host host_name deploy password name source

example)
%java weblogic.deploy ?port 7001 ?host localhost deploy weblogicpassword CMP_example c:\weblogic\CMP_example\
%java weblogic.deploy ?port 7001 ?host localhost deploy weblogicpassword bean_jar c:\weblogic\bean.jar

source 부분에는 EJB Beans의 jar 파일의 Full 경로가 들어가거나 또는 Directory 명이 들어간다.

○ Auto deploy

WebLogic의 $WL_HOME/config/$DOMAIN_NAME/applications (WLS6.1 기준) 디렉토리에 jar 파일이나, EJB 디렉토리를 복사해놓으면, WebLogic이 Boot up시에, 자동으로 디플로이되거나 또는 그 EJB의 내용이 변경되었을때, 자동으로 redeploy를 한다.
Boot up시에 deploy되는 기능은 언제나 사용이 가능하지만, WebLogic 기동중에, ejb-jar 파일을 바꿔서 redeploy하는 기능은, WebLogic을 Development Mode로 부팅했을때만 가능하다. Development Mode로 WebLogic을 부팅하는 방법은 startWebLogic.sh 에서 java 옵션에, -Dweblogic.ProductiobModeEnabled=false 로 해주면 Development로 부팅이 된다.

○ Partial upgrade (only WLS 8.1 이상)

WLS8.1에서는 Class Loader모델이 변경되어, 좀더 향상된 deploy가 가능하다. EJB는 Interface를 통해서 호출이 되기때문에, Interface가 변경되지 않은 상태에서, implemtation class 하나만 변경하여 redeploy하는 기능이 추가되었다.

이는 예전버전에서는 각각의 application 단위로, EJB Class를 Loading하였다. (JAR 파일의 경우, 하나의 Application Class Loader가, JAR안의 모든 EJB를 Loadinig했고, EAR의 경우에도, 하나의 Application Class Loader가 모든 EJB Class를 Loading했었다.) 그러나, 8.1 에서부터는 아래 그림과 같이 각각의 Application Class Loader아래에, 각각의 EJB Implemetation Class마다 별도의 Class Loader가 가동되게 됨으로써 가능해진 기능이다.

각각의 EJB Implementation Class를 redeploy하기 위해서는

java weblogic.Deployer ?adminurl url ?user user ?password password ?name myapp ?redeploy myejb/foo.class

을 해주게 되면, myapp application의 myejb jar 패키지에서 foo.class라는 EJB implementation file만 redeploy를 해준다.



여러개의 파일들을 한꺼번에 업데이트 할 수 도 있는데, 이는, redeploy 옵션뒤에, 다음과 같이 파일명들을 정의해주면 된다.

java weblogic.Deployer ?adminurl url ?user user ?password password ?name myapp ?redeploy myejb/foo.class mywar anotherejb

위의 명령의 경우에는 myapp의 myejb jar의 foo.class, 그리고 mywar.war 웹애플리케이션과, anotherejb EJB 패키지를 redeploy를 해준다. 이때, 이 3개의 파일로 인해서 redeploy를 해줘야하는 dependency 관계가 있는 다른 컴포넌트들도 자동으로 redeploy를 해주게 된다.


5. Programming Tip


이번 기사를 정리하는 기분으로, 한가지 Class Loader의 팁을 소개한다.

해당 Class가 어느 Class Loader를 통해서 Loading 됐는지를 쉽게알 수가 있다.

해당 CLASS에 다음과 같은 코드를 삽입하면 된다.

   ClassLoader loader = null;
   loader = this.getClass().getClassLoader();
   System.out.println("This class is :"+this.getClass().getName());
   while(loader != null){
      System.out.println(loader.getClass().getName());
      loader = loader.getParent();
   }//while

(EJB Class 안에 넣고 이 코드를 수행했을때 수행결과는 다음과 같다. WLS6.1 기준.)

   This class is :com.bea.examples.simpleEJB.AccountManagerEJB_fsrjh9_Impl
   weblogic.utils.classloaders.GenericClassLoader
   sun.misc.Launcher$AppClassLoader
   sun.misc.Launcher$ExtClassLoader


[참고 자료]

http://java.sun.com/docs/books/tutorial/ext/basics/load.html
http://e-docs.bea.com/wls/docs61/ejb/EJB_deployover.html#1011066
http://e-docs.bea.com/wls/docs81/programming/classloading.html#1083313
http://dev2dev.bea.com/articles/musser.jsp

입력상자의 한글 영문모드 미리 결정하기

Input Method Editor (IME) for user text entry fields

회원가입 입력폼등에서 한글을 입력받아야 할 경우와 영문만 입력 받고 싶은 경우

input type에 style로 지정하여 정해진 한글/영문을 입력받을 수 있다

확인은 안한 사항은 IE 5.5 이상에서만 된다고 함.

<input type="text" name="id" style="ime-mode : disabled" size=12>

style="ime-mode:disabled" /* 영문만을 선택할수 있는 모드 */
 style="ime-mode:auto"    /* 한/영중 선택된 모드 */
 style="ime-mode:active"    /* Default로 한글모드 */
 style="ime-mode:inactive" /* Default로 영문모드 */

자바 스크립트 제어시에..

<html>
<head>
 <title>Untitled</title>
</head>
<script language="JavaScript" type="text/javascript">
function test(){
 alert(document.testForm.xxx.style);
 alert(document.testForm.xxx.style.imeMode);
}
</script>
<body onload="test()">

<form name="testForm">
<input type="text" name="xxx" style="ime-mode : disabled">
</form>

</body>
</html>

ime-mode가 아니라 imeMode이다.

=================================================================
키 | 코드(숫자)
=================================================================
0 = 48
1 = 49
~
9 = 57

A = 65
~
Z = 90

a = 97

~
z = 122

INSERT = 45
DELETE = 46

윈도우(왼쪽) = 91
윈도우(오른쪽) = 92
기능키 = 93

0(오른쪽) = 96
~
9(오른쪽) = 105

.(오른쪽) = 110
/(오른쪽) = 111
*(오른쪽) = 106
+(오른쪽) = 107
-(오른쪽) = 109

F1 = 112
~
F12 = 123

NUMLOCK = 144
SCROLLLOCK = 145
=(중간) = 187
-(중간) = 189
`(왼쪽콤마) = 192
\(중간) = 220
←(백스패이스) = 8
TAB = 9
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18
PAUSEBREAK = 19
CAPSLOOK = 20
한/영 = 21
한자 = 25
ESC = 27

스패이스 = 32
PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36
←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 40
=================================================================
키 | 코드(숫자)
=================================================================

<html>
<head>
<script>
function key_check(){
alert("키번호는 [" +event.keyCode+ "] 입니다.");
}
</script>
</head>
<body onKeyDown='key_check();'>
</body>
</html>

[JS]parseInt()와 Number() 사용시 주의사항

var i = "01"; document.write(parseInt(i)) ---> 출력결과 : 0 document.write(Number(i))   ---> 출력결과 : 1 주의해서 사용하세요.^^

 
     

• 음. 저도 비슷한 경험이 있습니다. 지금은 어떤지 모르겠지만 제작년 겨울 작업하다가 보니 parseInt() 시 07,08,09 정도에서 전부 값을 0으로 던지는 바람에 그부분을 Number()로 다 바꾸었던 기억이 나는군요. 그게 01에서도 같은 현상이 발생하지는 않았던거 같은데.. 음 그때는 IE 5.5로 테스트 했었지요. 지금도 비슷한 경우가 있다면 거참. 언제 고쳐질런지... ㅡㅡ;
• 지나가다
• 2003-07-10 16:57:48
• x

• 자바스크립트에서
  0으로 시작하는 스트링을 parseInt 하면 8진법 파싱합니다.
  그러나 8, 9 이런 글자가 포함되어 있으면 무조건 결과가 0입니다. (예외상황도 없이...)
  
  parseInt("01") 은 8진법 파싱 규칙에 따라 정확하게 1 이 나옵니다.
  
• 자바클루
• 2003-07-14 17:48:19
• x

• 아~하~ 그러쿠나~아~하~그러쿠나~
  감사요.
• 붕냥붕
• 2003-07-15 11:58:41
• x

• 저두 비슷한 경험이 있긴하는데 해결은...
  parseInt(i, 10);
  이렇게 하면 10진법으로 파싱하는데여..
• 찡어
• 2003-07-22 09:30:21
• x

• 정말 감사합니다...
  덕분에 오류원인을 알았습니다..(_ _)
• gtman
• 2003-07-31 11:43:00
• x

• 아.....
  0로 시작하니까...8진법...
  그렇구나....
• ZZaN
• 2003-08-11 21:32:45
• x

• number() 는 널값도 0으로 잘 되요~~
  parseInt()는 ㅡㅡ; NaN인가..이걸로 나오지요~
• 하얀빛
• 2003-09-19 15:18:12
• x

내장 함수 ………………………………………………… 내장함수란 자바스크립트 언어 자체에서 지원하는 함수로 자주 사용할 것으로 예상되는 것들을 함수로 만들어 둔 것을 얘기한다. 다음은 사용자 입력값을 가지고 계산을 할 때 꼭 필요한 함수들이다.!!! ■ eval()

eval("50")+50 또는 inta="50" eval(inta)+50

숫자 형태를 가진 문자열이나 표현식을 숫자로 바꿔준다. * 사용자 입력값을 계산을 위해 사용한다면 꼭 필요한 조치이다.

<script language="javascript"> document.write("50"+50) // 계산이 안되고 문자열 결합이 됨, 5050 document.write(eval("50")+50) // 100으로 계산됨 </script>

■ parseInt() / parseFloat()

paresInt("10.5")+50 또는 inta="10.5" parseInt (inta)+50

숫자 형태를 가진 문자열이나 표현식을 정수나 실수로 바꿔준다. * 사용자 입력값을 계산을 위해 사용한다면 꼭 필요한 조치이다.

<script language="javascript"> document.write("10.5"+50) // 계산이 안되고 문자열 결합이 됨 document.write(parseInt("10.5")+50) // 60으로 계산됨 document.write(parseFloat("10.5")+50) // 60.5으로 계산됨 </script>

■ isNaN()

isNaN("10.5") 또는 inta="10.5" isNaN(inta) // NaN : Not a Number

표현식이나 값이 숫자가 아닌지를 true/false 로 리턴함. * 숫자가 아니면 true를 !!! (주의) * 사용자 입력값이 숫자가 아닌지/인지를 판단하고자 할 때!!!

<script language="javascript"> document.write(isNaN("0050")) // false document.write(isNaN("홍길동")) // true document.write(isNaN(50)) // false (숫자일 경우 fasle!!!) </script>

■ escape() / unescape()

escape("가") 또는 stra="가" escape(stra)	unescape("%uAC00") 또는 inta="%uAC00" unescape(inta)
알파벳과 숫자 및 *, @, -, _ , + , ., / 를 제외한 문자를 모두 16진수 문자로 바꾸어 준다	왼쪽과 반대로

<script language="javascript"> document.write(escape("가")) document.write(unescape("%uAC00")) // "가" </script>

parseInt()와 Number() 사용시 주의사항

1. 숫자를 문자열로 바꾸기
   int i = 639;
   String str = String.valueOf ( i );
   String str = Integer.toString ( i );
   String str = i.toString ( );

2. 문자열을 숫자로 바꾸기
   String str = "639";
   int i = Integer.valueOf ( str ).intValue ( );
   int i = Integer.parseInt ( str );
   long i = Long.parseLong ( str )
   double j = Double.valueOf ( str ).doubleValue ( );

  
3. 기타 형변환
   Float를 Integer로 바꾸기
   float f = 3.25;
   int i = ( int ) f;
   double d = ( double ) i; // float 형
  
   Object를 int 타입으로 형변환 하기 ... 바로 안되므로 String으로 바꾼후 int로 형변환 한다.
   Integer.parseInt ( vector.elementAt ( 0 ).toString () );

VIP석 120,000원 / R석 100,000원 / S석 60,000원 / A석 40,000원

</body>

   //입주기관, 및 검색조건에 따른 검색결과
    public Vector search() throws Exception {
        StringBuffer sbQuery = new StringBuffer();
        //쿼리생성
        String query = super.xml.getQuery(QUERY_URL, "syslog_02", "02");
        sbQuery.append(query);
        //파라미터들 가져오기
        String Start_Date = requestbox.get("Start_Date"); //시작일
        String End_Date = requestbox.get("End_Date"); //마지막일
        String biz_time= requestbox.get("biz_time");//업무시간
        String start_time = requestbox.get("start_time"); //업무시간
        String end_time= requestbox.get("end_time");//업무시간
        String select_custcomp= requestbox.get("select_custcomp");//입주기관
        String ip_hostname= requestbox.get("ip_hostname");//장비명
 String message= requestbox.get("message");//검색 메시지
        String select_Facility= requestbox.get("select_Facility");//Facility명
        String select_priority= requestbox.get("select_priority");//Priority
       //기본으로 날짜검색 파라미터

        logger.debug("시작시간: [" + Start_Date + "]");
        logger.debug("종료시간: [" + End_Date + "]");
        logger.debug("비즈타임: [" + biz_time + "]");
  logger.debug("select_Facility: [" + select_Facility + "]");
  logger.debug("select_priority: [" + select_priority + "]");

        Vector vecResultData = new Vector();
        String query_st1 = new String(sbQuery);
        sbQuery = new StringBuffer(query_st1);

// 메시지검색
  String LOG_MESSAGE = "    and A.LOG_MESSAGE like '%" + message + "%'";

// 입주기관
        String CUSTCOMP = "";
        if (select_custcomp.equals("")||select_custcomp.equals("all")){
            CUSTCOMP = "";
        } else {
            CUSTCOMP = "   and d.custcomp_name = '" + select_custcomp +"'";
        }
// Facility
        String Facility_param = "";
        if (select_Facility.equals("")||select_Facility.equals("all")){
            Facility_param = "";
        } else {
            Facility_param = "   and c.code_name = '" + select_Facility +"'";
        }
// Priority
       String Priority_param = "";
       if (select_priority.equals("")||select_priority.equals("all")){
           Priority_param = "";
       } else {
          Priority_param = "   and b.code_name = '" + select_priority +"'";
       }
// 장비명
        String HOSTNAME = "";
        if (ip_hostname.equals("")||ip_hostname.equals("all")){
            HOSTNAME = "";
        } else {
            HOSTNAME = "    and t.ip_hostname = '" + ip_hostname +"'";
        }

        String STARTDATE = "   and to_date(a.yyyymmdd,'YYYYMMDD') >= to_date(substr('" + Start_Date + "',0,8), 'YYYYMMDD')";
        String ENDDATE = "    and to_date(a.yyyymmdd,'YYYYMMDD') <= to_date(substr('" + End_Date + "',0,8), 'YYYYMMDD')";
        String STARTTIME = "";
        String ENDTIME = "";
        if (biz_time.equals("biz_time")){
            STARTTIME = "    and substr(a.hhminss,0,2) >= " + start_time ;
            ENDTIME = "    and substr(a.hhminss,0,2) <= " + end_time;
        } else {
            STARTTIME = "";
            ENDTIME = "";
        }
        String query_st2 = new String(sbQuery);
        sbQuery = new StringBuffer(query_st2);
        sbQuery.append(STARTDATE).append("\n");
        sbQuery.append(ENDDATE).append("\n");
        sbQuery.append(STARTTIME).append("\n");
        sbQuery.append(ENDTIME).append("\n");
 sbQuery.append(LOG_MESSAGE).append("\n");
        sbQuery.append(CUSTCOMP).append("\n");
        sbQuery.append(HOSTNAME).append("\n");
        sbQuery.append(Priority_param).append("\n");
        sbQuery.append(Facility_param).append("\n");
        logger.debug("검색쿼리 --> " + sbQuery);
        String param[] = null;

        vecResultData = queryIf.preparedExecuteQuery(UNMSDB2, sbQuery.toString(), param);
        logger.debug("====" + vecResultData.size() + "결과사이즈");
        return vecResultData;

 

HTML에 JavaScript 삽입 <script language="javascript"> JavaScript Statements </script> HTML에 JavaScript 코드 파일 삽입 <script language="javascipt" src="src.js"> </script> 변수의 대소문자 구분 변수에 포함된 데이터의 형을 지정하지 않고, JavaScript 인터프리터가 변수에 포함된 데이터 형을 추적하고 변환. JavaScript 데이터 형 숫 자 형 : 정수와 부동 소수 BOOLEAN : true, false STRING : 작은 따옴표나 큰 따옴표에 들어가 있는 값으로, 특수문자 포맷 사용시에는 '\'와 함께 사용. null : 아무런 값도 없는 것으로, 변수를 초기화 시키거나 어떤 값이나 이벤트를 지울 때 사용됨 undefined : 변수만 만들고, 값을 할당하지 않은 상태 유형간의 변환 스트링 피연산자가 비스트링 연산자와 사용된 경우 다른 연산자를 모두 스트링으로 변환 BOOLEAN값은 1과 0으로 변환되어 수치 연산을 지원 null값은 스트링 연산에 대해서는 "null", 논리 연산에서는 false, 그리고 수치 연산에서는 0으로 각각 변환 변환 함수 eval() : 스트링 표현식을 수치값으로 변환하고, 파라미터가 수치형태가 아닌 스트링 값이면 에러 발생 parseInt() : 스트링에 포함된 첫번째 정수를 리턴하고, 스트링이 정수로 시작되지 않으면 0을 리턴 parseFloat() : 스트링에 포함된 첫번째 부동 소수를 리턴하거나 스트링이 적절한 부동 소수로 시작되지 않으면 0을 리턴 배열 : 값의 시퀀스를 정렬할 수 있는 객체로, JavaScript의 특수형으로 배열 사용 전엔 반드시 선언해야 한다. 배열 선언 예 arrayName = new Array(arrayLength) arrayName = new Array() arrayName = new Array(value0,value1, ..., valuen) JavaScript만의 특수 연산자 comma(,) 연산자 : 두 표현식을 계산하고, 두 번째 표현식의 값 리턴 delete 연산자 : 객체의 프로퍼티나 배열 인덱스의 요소 삭제하고, 항상 undefined 값 리턴 new 연산자 : 객체 형의 인스턴스를 만들기 위해 사용 typeof 연산자 : 연산자의 형을 식별하는 스트링 값을 리턴 void 연산자 : 값을 리턴하지 않는다 지역 변수와 전역 변수 : 함수 안에서만 사용되는 것을 지역 변수라 하고, 프로그램 내에서 사용되는 변수를 전역 변수라 하는 데, 지역 변수 사용시 반드시 var 키워드와 함께 선언해야 함 이벤트 처리!! 이벤트 정의와 사용 이벤트 : 사용자가 웹페이지나 기타 다른 브라우저에 수행한 작업으로 인한 결과 이벤트 처리 : 이벤트로 인해 수행되는 프로세스 이벤트 핸들러 : 프로세스를 수행하는 코드 사용 예 : 사용자가 링크 위로 마우스를 갖다 대면 다이얼로그 박스를 표시한다거나, 폼에 입력한 데이터를 검증한다거나, 버튼을 클릭할 때 애니메이션을 나타내거나, Java 애플릿과 브라우저 플러그인이 상호작용을 하도록 한다. JavaScript가 정의한 이벤트 HTML 태그 JavaScript 이벤트 설명 다양 mouseMove 마우스 이동 <A>..</A> Click 마우스로 링크를 클릭 dbClick 마우스를 링크위에서 더블클릭 mouseDown 마우스 버튼을 누름 mouseUp 마우스 버튼을 놓음 mouseOver 마우스를 링크위로 이동 mouseOut 링크 위에 있던 마우스를 링크 밖으로 이동 keyDown 사용자가 키를 누름 keyUp 사용자가 키를 놓음 keyPress 사용자가 키를 눌렀다가 놓음 <IMG> abort 사용자 액션으로 인해 이미지 로딩 작업을 중단함 error 이미지 로딩하는 동안 에러 발생 load 이미지가 로드되고 화면에 나타남 keyDown 사용자가 키를 누름 keyUp 사용자가 키를 놓음 keyPress 사용자가 키를 눌렀다가 놓음 <AREA> mouseOver 마우스가 클라이언트측 이미지맵의 한 영역으로 이동함 mouseOut 마우스가 이미지맵 영역 밖으로 이동 dbClick 사용자가 이미지맵의 한 영역을 더블클릭함 <BODY>..</BODY> Click 사용자가 문서의 본문을 클릭 dbClick 문서의 본문을 더블 클릭함 keyDown 키를 누름 keyUp 키를 놓음 keyPress 키를 눌렀다가 놓음 mouseDown 마우스 버튼을 누름 mouseUp 마우스 버튼을 놓음 <BODY>..</BODY> <FRAMESET>..</FRAMESET> <FRAME>..</FRAME> blur 윈도우에서 현재 입력 포커스가 사라짐 error 윈도우가 로드되는 동안 에러 발생 focus 입력 포커스가 현재 윈도우로 이동 load 윈도우 로딩이 완료됨 unload 윈도우를 종료함 move 윈도우가 이동됨 resize 윈도우의 크기가 바뀜 dragDrop 윈도우에 객체를 드롭 <FORM>..</FORM> submit 사용자가 폼을 제출 reset 사용자가 폼을 재설정 <INPUT TYPE="text"> blur 현재 입력 포커스가 텍스트 필드에서 사라짐 focus 현재 입력 포커스가 텍스트 필드로 이동 change 텍스트 필드가 변경되어 현재 입력 포커스가 사라짐 select 텍스트 필드에 있는 텍스트가 선택됨 <INPUT TYPE="password"> blur 패스워드 필드에서 입력 포커스가 사라짐 focus 패스워드 필드에 입력 포커스 생김 <TEXTAREA>..</TEXTAREA> blur 텍스트 영역이 현재 입력 포커스가 사람짐 focus 텍스트 영역에 입력 포커스 생김 change 텍스트 영역이 변경되어 입력 포커스가 사라짐 select 텍스트 영역에서 텍스트가 선택됨 keyDown 키를 누름 keyUp 키를 놓음 keyPress 키를 눌렀다 놓음 <INPUT TYPE="button"> Click 버튼이 클릭됨 blur 입력할 수 없도록 버튼이 흐려짐 focus 입력할 수 있도록 포커스 생김 mouseDown 버튼 위에서 왼쪽 마우스 버튼 누름 mouseUp 버튼 위에서 왼쪽 마우스 버튼 놓음 <INPUT TYPE="submit"> Click 제출 버튼이 클릭됨 blur 제출 버튼에서 입력 포커스가 사라짐 focus 제출 버튼에 입력 포커스 생김 <INPUT TYPE="reset"> Click 리셋 버튼이 클릭됨 blur 리셋 버튼에서 포커스가 사라짐 focus 리셋 버튼에서 포터스가 놓임 <INPUT TYPE="radio"> Click 라디오 버튼이 클릭 blur 라디오 버튼에서 입력 포커스가 사라짐 focus 라디오 버튼에 입력 포커스 생김 <INPUT TYPE="checkbox"> Click 체크 박스가 클릭 blur 체크 박스에서 입력 포커스가 사라짐 focus 체크 박스에 입력 포커스 놓임 <INPUT TYPE="file"> blur 파일 업로드 폼 요소에서 입력 포커스 사라짐 change 사용자가 업로드될 파일을 선택 focus 파일 업로드 폼 요소에 입력 포커스 놓임 <SELECT>..</SELECT> blur 선택 요소가 현재 입력 포커스 잃음 change 선택 요소가 변경되어 입력 포커스가 사라짐 focus 선택 요소에 현재 입력 포커스가 놓임 이벤트 처리 속성 이벤트핸들링속성 실행되는 상황 onAbort 이미지를 로딩하는 작업이 사용자의 한 행동으로 인해 취소되었음 onBlur 문서나 윈도우, 프레임세트, 폼 요소에서 현재 입력 포커스가 사라짐 onChange 텍스트 필드나 텍스트 영역, 파일 업로드 필드, 선택 항목이 변경되어 현재 입력 포커스가 사라짐 onClick 링크나 클라이언트측 이미지맵 영역, 폼 요소가 클릭됨 onDbClick 링크나 클라이언트측 이미지맵 영역, 문서가 더블 클릭됨 onDragDrop 드래그된 객체가 윈도우나 프레임에 드롭됨 onError 이미지나 윈도우, 프레임을 로딩하는 동안 에러가 발생함 onFocus 문서나 윈도우, 프레임 세트, 폼 요소에 입력 포커스 놓임 onKeyDown 키를 누름 onKeyPress 키를 눌렀다 놓음 onKeyUp 키를 놓음 onLoad 이미지나 문서, 프레임이 로드됨 onMouseDown 마우스 버튼 누름 onMouseMove 마우스를 이동함 onMouseOut 링크나 클라이언트측 이미지맵에서 마우스를 옮김 onMouseOver 마우스를 링크나 클라이언트측 이미지맵으로 옮김 onMouseUp 마우스 버튼을 놓음 onMove 사용자가 윈도우나 프레임을 이동함 onReset 폼의 리셋 버튼을 클릭하여 폼을 리셋시킴 onResize 사용자가 윈도우나 프레임의 크기를 조절 onSelect 텍스트는 텍스트 필드나 영역에서 선택됨 onSubmit 폼이 제출됨 onUnload 사용자가 문서나 프레임 세트를 종료함 객체 정의하기 객체 유형 정의 프로퍼티 : 객체에 들어 있는 데이터 값에 액세스할 때 사용. 메소드 : 객체에 어떤 작업을 할 때 사용하는 함수. 객체 유형 만들기 사용자가 직접 객체 유형을 정의하고 특정 객체 인스턴스를 만들 수 있 는데 이렇게 만들려면 객체 유형의 특정 인스턴스를 만들 때 사용되는 함수를 정의하기만 하면 된다. 본래 이러한 생성자 함수는 다음과 같은 일을 한다. 객체 유형의 프로퍼티에 값을 할당한다. 객체 유형의 메소드로 사용할 수 있는 다른 함수를 지정한다. 객체 사용 예 table 객체의 정의 (table.js) function table_getValue(row,col){   return this.data[row* this.columns+col ]; } function table_setValue(row,col,value){   this.data[row* this.columns+col ]=value; } function table_set(contents){   var n=contents.length;   for(var j=0;jthis.data[j]=contents[j]; } function table_isHeader(row,col){   return this.header[row* this.columns+col ]; } function table_makeHeader(row,col){   this.header[row* this.columns+col ]=true; } function table_makeNormal(row,col){   this.header[row* this.columns+col ]=false; } function table_makeHeaderRow(row){   for(var j=0;j< this.columns+j)     this.header[row* this.columns+col ]=true; } function table_makeHeaderColumn(col){   for(var i=0;i< this.rows;++i)     this.header[i* this.columns+col ]=true; } function table_write(doc){   doc.write("<TABLE BORDER="+ this.border+">");   for(var i=0;i< this.rows;++i) {     doc.write("<TR>");     for(var j=0;j< this.columns;++j) {       if( this.header[i* this.columns+j ]) {         doc.write("<TH>");         doc.write( this.data[i* this.columns+j ]);         doc.write("</TH>");       }       else {         doc.write("<TD>");         doc.write( this.data[i* this.columns+j ]);         doc.write("</TD>");       }     }     doc.writeln("</TR>");   }   doc.writeln("</TABLE>"); } funtion table(rows,columns) {   this.rows=rows   this.columns=columns   this.border=0   this.data=new Array(rows*columns)   this.header=new Array(rows*columns)   this.getValue=table_getValue   this.setValue=table_setValue   this.set=table_set   this.isHeader=table_isHeader   this.makeHeader=table_makeHeader   this.makeNormal=table_makeNormal   this.makeHeaderRow=table_makeHeaderRow   this.makeHeaderColumn=table_makeHeaderColumn   this.write=table_write   } table 객체 사용하기 <HTML> <HEAD> <TITLE>Defining Object Types</TITLE <SCRIPT LANGUAGE="JavaScript" SRC="table.js"><!- //-></SCRIPT> </HEAD> <BODY> <H1>Defining Object Types</H1> <SCRIPT LANGUAGE="JavaScript"><!- t=new table(3,4) contents=new Array("This","is","a","test","of","the","table","object.","Let's","see","it","work") t.set(contents) t.border=4 t.makeHeaderColumn(0) t.write(document) //-></SCRIPT> </BODY> </HTML> 객체 유형에 프로퍼티와 메소드 추가 : prototype 프로퍼티를 통해서 인스턴스화할 수 있는 미리 정의된 객체 유형에 프로퍼티와 메소드 추가 사용 예 <HTML> <HEAD> <TITLE>Updating Object Types </TITLE> <SCRIPT LANGUAGE="JavaScript" SRC="table.js"><!- //-></SCRIPT> </HEAD> <BODY> <H1>Updating Object Types</H1> <SCRIPT LANGUAGE="JavaScript"><!- function table_colorWrite(doc){   ........   함수 정의   ........   ........ } t=new table(3,4) table.prototype.bgColor="Cyan" table.prototype.colorWrite=table_colorWrite ............. ............. t.colorWrite(document) //-></SCRIPT> </BODY> </HTML> 프로퍼티와 메소드 삭제 delete objectName.propertyName delete objectName.methodName 브라우저 객체 객 체 용 도 window 객체 브라우저 윈도우나 윈도우 안에 있는 프레임에 액세스할 때 사용한다. 프로퍼티와 메소드를 참조할 때, window 객체가 존재하는 경우에는 "window."접두사를 붙일 필요가 없다 document 객체 현재 윈도우에 로드되어 있는 문서에 액세스할 때 사용한다. document 객체는 컨텐트를 제공하는 HTML 문서, 즉 HEAD와 BODY 태그가 있는 문서를 의미한다. location 객체 URL을 나타낼 때 사용한다. 이 객체는 URL객체를 만들거나 URL의 일부분에 액세스하거나 기존의 URL을 수정할 때 사용할 수 있다. history 객체 한 윈도우 안에서 액세스된 URL의 히스토리를 유지할 때 사용 frame 객체, frames 배열 HTML 프레임에 액세스할 때 사용 frames 배열은 윈도우안에 있는 모든 프레임에 액세스할 때 사용 link 객체, links 배열 하이퍼텍스트 링크의 텍스트 기반이나 이미지 기반 소스 앵커(anchor)에 액세스할 때 사용 links배열은 문서 안에 있는 모든 link 객체에 액세스할 때 사용한다. I.E.는 link 객체의 anchor객체를 결합한다. anchor 객체, anchors 배열 하이퍼텍스트 링크의 타켓에 액세스할 때 사용 anchors 배열은 문서 안에 있는 모든 anchor 객체에 액세스할 때 사용 image객체, images 배열 HTML 문서에 삽입되어 있는 이미지에 액세스할 때 사용 images 배열은 문서 안에 있는 모든 image 객체에 액세스할 때 사용 area 객체 클라이언트측 이미지맵 안에 있는 영역에 액세스할 때 사용 applet 객체, applets 배열 Java 애플릿에 액세스할 때 사용 애플릿 배열은 문서 안에 있는 모든 애플릿에 액세스할 때 사용 event 객체, Event 객체 이벤트 발생에 대한 정보에 액세스할 때 사용 event 객체는 특정 이벤트에 대한 정보 제공 Event 객체는 이벤트를 식별하는 데 사용하는 상수 제공 form 객체, forms 배열 HTML 폼에 액세스시 사용 forms 배열은 문서 안에 있는 모든 폼에 액세스시 사용 element 객체 폼 안에 들어있는 모든 폼 요소에 액세스시 사용 text 객체 폼의 텍스트 필드에 액세스시 사용 textarea 객체 폼의 텍스트 영역 필드에 액세스시 사용 radio 객체 폼의 라디오 버튼 세트에 액세스하거나 세트 안에 있는 각각의 버튼에 액세스할 때 사용 checkbox 객체 폼의 체크 박스에 액세스할 때 사용 button 객체 Submit나 Reset 버튼이 아닌 폼 버튼에 액세스시 사용 reset 객체 폼의 Reset 버튼에 액세스시 사용 selet 객체 폼의 선택 리스트에 액세스시 사용 option 객체 option 객체는 선택 리스트의 요소에 액세스시 사용 password 객체 폼의 패스워드 필드에 액세스시 사용 hidden 객체 폼의 숨겨진 필드에 액세스시 사용 FileUpload 객체 폼의 파일 업로드 요소에 액세스시 사용 navigator 객체 스크립트를 실행하고 있는 브라우저에 대한 정보에 액세스시 사용 screen 객체 사용자의 화면의 색상 깊이와 크기에 대한 정보에 액세스시 사용 embed 객체, embeds 배열 삽입된 객체에 액세스시 사용 embeds 배열은 문서 안에 삽입된 모든 객체에 대한 액세스 제공 mimeType 객체, mimeTypes 배열 브라우저가 제공하는 특징 MIME 유형에 대한 정보에 액세스시 사용 mimeTypes 배열은 제공하는 모든 mimeType 객체의 배열 I.E.는 빈 배열을 리턴하면서 mimeTypes에 대해서 임시적으로 지원 plugin 객체, plugins 배열 특정 브라우저 플러그인에 대한 정보에 액세스시 사용 plugins 배열은 브라우저가 지원하는 모든 플러그인의 배열 I.E.는 빈 배열을 리턴하면서 plugins에 대해서 임시적으로 지원 window 객체 모든 브라우저 스크립트의 기본적인 것으로, 브라우저가 자동으로 정의하는 최상위 레벨의 객체이다. 현재 열려 있는 각 윈도우에 대해 별도의 window 객체가 정의된다. window 객체의 프로퍼티 프로퍼티 설 명 closed 윈도우가 닫혀 있는지 식별 defaultStatus 브라우저 윈도우의 하단의 상태바에 나타나는 디폴트 상대 메시지를 지정 document 윈도우에 표시되어 있는 현재 문서를 지정하는 객체 frames 윈도우 객체에 들어 있는 모든 프레임 객체로 구성된 배열 history 마지막으로 윈도우로 로드된 URL의 리스트를 포함하는 윈도우의 히스토리 객체 length window에 들어 있는 프레임의 수 식별 location window 객체와 관련된 URL을 지정하는 객체 name 윈도우의 이름 지정 offscreenBuffering 윈도우 정보의 오프스크린 버퍼링이 사용될 것인지를 지정하는 부울값 오프스크린 버퍼링은 윈도우를 나타내기 전에 윈도우의 모든 요소를 로드할 때 사용 opener 윈도우를 만들거나 열 수 있도록 해주는 window 객체 지정 parent 특정 윈도우를 포함하는 윈도우를 지정하는 시너님 self 참조될 현재 윈도우를 지정하는 시너님 status 브라우저 윈도의 하단의 상태 표시줄에 나타날 임시 메시지를 지정 top 중첩된 일련의 윈도우에서 맨 위에 있는 브라우저 윈도우를 의미하는 시너님 window 참조될 현재 윈도우를 식별하는 시너님 window 객체의 메소드 메 소 드 설 명 alert(text) 경고 다이얼로그 박스를 표시 blur() 포커스를 윈도우에서 옮긴다 setInterval(expression,milliseconds) 지정된 타임아웃 인터벌이 지난 이후에 표현식을 반복해서 평가하거나 함수를 불러온다. clearInterval(interval) 이전에 설정된 인터벌 타이머를 클리어 setTimeout(expression,milliseconds) 타임아웃 기간이 지난 이후에 표현식을 평가하거나 함수를 호출한다. clearTimeout(timer) 이전에 설정된 타임아웃을 클리어 close() 지정된 윈도우를 닫는다. confirm(text) 확인 다이얼로그 박스를 나타낸다. focus() 윈도우로 포커스를 가져간다. open(url,name,[options]) 새로운 윈도우를 열고 새로운 window 객체를 만듬 prompt(text,defaultInput) 프롬프트 다이얼로그 박스를 나타낸다. scroll(x,y) 윈도우를 특정 위치까지 스크롤한다. open() 메소드의 옵션 옵 션 값 설 명 toolbar yes no 윈도우에 툴바 제공 location yes no 윈도우에 위치 필드 제공 directories yes no 디렉토리 버튼 제공 status yes no 상태 표시줄 제공 menubar yes no 메뉴바 제공 scrollbars yes no 스크롤 바 제공 resizable yes no 윈도우 크기 조절 가능 width 정수 윈도우의 폭(픽셀) height 정수 윈도우의 높이(픽셀) frame 객체 프레임은 윈도우를 독립된 표시 영역들로 분할한 후, 이 영역들에 표시되는 정보들을 강력하게 컨트롤 할 수 있게 해준다. 프레임 객체의 프로퍼티와 메소드는 window 객체와 같지만, close() 메소드는 지원하지 않는다. document 객체 JavaScript 에서 아주 중요한 객체로, 이 객체를 사용하면 로드될 문서를 업데이트하고 로드된 문서 안에 있는 HTML 요소에 액세스할 수 있다. 프로퍼티 설 명 alinkColor <BODY> 태그의 alink 속성의 값 지정 anchor 문서에 들어 있는 배열을 참조하는 객체 anchors 문서에 들어 있는 모든 앵커의 배열 applet 문서에 들어 있는 애플릿을 참조하는 객체 applets 문서에 들어 있는 모든 애플릿의 배열 area 문서 안의 이미지맵 영역을 참조하는 객체 bgColor <BODY> 태그의 bgColor 속성의 값 식별 cookie 쿠키의 값 식별 domain 문서가 로드되는 서버의 도메인 이름 식별 embeds 문서안의 모든 플러그인의 배열 fgColor <BODY> 태그의 text 속성값 지정 form 문서 안의 폼을 참조하는 객체 Forms[] 문서 안의 모든 폼의 배열 image 문서 안의 이미지를 참조하는 객체 Images[] 문서 안의 모든 이미지의 배열 lastModified 문서가 마지막으로 수정된 날짜 link 문서 안의 링크를 참조하는 객체 links 문서 안의 모든 링크의 배열 linkColor <BODY> 태그의 link 속성의 값 식별 plugin 문서 안의 플러그인을 참조하는 객체 plugins[] 브라우저가 지원하는 플러그인을 나타내는 객체의 배열 referrer 문서에 대한 링크를 제공하는 문서의 URL title 문서의 타이틀 URL 문서의 URL vlinkColor <BODY> 태그의 vlink 속성의 값 식별 document 객체의 메소드 메 소 드 설 명 close() 문서의 객체를 만드는 데 사용된 스트림 open([mimeType][,"replace"]) 선택적인 MIME 유형으로 문서 객체를 만들 때 사용되는 흐름을 개시한다. "replace" 파라미터는 text/html MIME 유형과 함께 사용되어 히스토리 리스트에 있는 현재 문서를 대체 write(expr1[,expr2...,exprN]) 문서에 표현식의 값을 기록 write(expr1[,expr2...,exprN]) 개행 문자가 다음에 따라오는 문서에 표현식의 값 기록 navigator 객체 navigator 객체는 window 객체와 마찬가지로 브라우저 객체 모델에서 최상위 레벨의 객체이며, 스크립트를 실행할 때 사용되는 브라우저의 종류와 버전에 대한 정보 제공한다. navigator 객체의 프로퍼티 프로퍼티 브라우저 지원 설 명 appCodeName N2, I.E3 브라우저 색상 이름 AppMinorVersion I.E4 브라우저 버전 번호 appName N2, I.E3 브라우저 이름 appVersion N2, I.E3 브라우저의 버전 browserLanguage I.E4 브라우저에 설정되어 있는 언어 connectionSpeed I.E4 브라우저가 네트워크에 연결되는 속도 cookieEnabled I.E4 브라우저가 쿠키를 허용하도록 설정되어 있는지의 여부 cpuClass I.E4 브라우저 실행시 사용되는 마이크로프로세서의 유형 onLine I.E4 브라우저가 현재 온라인 연결을 가지고 있는지 여부 Language N4, I.E4 브라우저에 설정되어 있는 언어 mimeTypes N3, I.E4 현재 브라우저가 지원하는 모든 MIME 유형의 배열 platform N4, I.E4 브라우저가 실행되는 운영체제 플랫폼 plugins N3, I.E4 현재 브라우저에 설치된 모든 플러그인의 배열 systemLanguage I.E4 운영체제의 디폴트 언어 userAgent N2, I.E3 브라우저에서 서버로 전송된 HTTP 프로토콜의 사용자 에이전트 헤더 userLanguage I.E4 사용자가 사용하는 언어 userProfile I.E4 사용자 프로파일 정보에 대한 액세스를 제공하는 객체 navigator 객체의 메소드 메 소 드 설 명 javaEnabled() 사용자가 브라우저의 Java 기능을 켜두었는지의 여부를 나타내는 부울값 리턴 taintEnabled() 사용자가 data tainting(보안 메커니즘)을 활성화했는지 여부를 나타내는 부울값 리턴 preference 서명이 되지 않은 스크립트가 보안 관련 프로퍼티를 얻고 설정할 때 사용 event 객체 event 객체의 프로퍼티 프로퍼티 브라우저 설 명 data N DragDrop 이벤트로 인해 드롭된 객체의 URL이 들어있는 스트링 배열 height, width N 윈도우나 프레인의 길이와 너비(픽셀표시) pageX, pageY N 픽셀로 나타낸 커서의 수평/수직 위치(페이지에서의 상대적위치) screenX, screenY N, I.E 픽셀로 나타낸 커서의 수평/수직 위치(화면에서의 상대적 위치) layerX, layerY N 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 레이어에 대한 상대적 위치. Resize 이벤트와 함께 사용하면 layerX와 layerY가 이벤트가 타겟으로 하는 객체의 길이와 너비 지정 clientX와 clientY I.E 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 웹페이지에서의 상대적 위치 offsetX, offsetY I.E 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 컨테이너에 대한 상대적 위치 X, Y I.E 픽셀로 나타낸 커서의 수평/수직 위치, 이벤트가 발생한 문서에 대한 상대적 위치 target N 이벤트가 전송된 원래 객체 srcElement I.E 이벤트가 전송된 원래 객체 type N, I.E 발생한 이벤트 유형 which N 눌려진 마우스 버튼(왼:1, 가:2, 오:3)이나 눌려진 키의 ASCII값 keyCode I.E 키 누름과 연관된 Unicode 키 코드를 식별 button I.E 이벤트가 발생했을 때 눌려진 마우스 버튼 식별(0:눌려진버튼없음, 1:왼, 2:오, 4:가) modifiers N 마우스나 키 이벤트와 연관된 수정자 키(ALT_MASK,CONTROL_MASK,SHIFT_MASK,META_MASK)를 식별 altkey,ctrlkey,shiftkey I.E true나 false로 설정하여 이벤트가 발생했을 때 Alt키와 Control키, Shift 키 중에 어떤 것이 눌려졌는지 알려준다. cancelBubble I.E true나 false로 설정하여 이벤트 버블링을 취소하거나 활성화한다. fromElement, toElement I.E 이동 중인 HTML 요소 지정 reason I.E 데이터 소스 객체에 대한 데이터 전송 상태를 나타내는데 사용 returnValue I.E true나 false로 설정하여 이벤트 핸들러의 리턴값을 나타낸다. 이벤트 핸들러에서 true나 false를 리턴하는 것과 같다. srcFilter I.E onfilterchange 이벤트를 시작하는 filter객체 지정 screen 객체 screen 객체의 프로퍼티 height : 사용자의 화면의 현재 높이(픽셀) width : 사용자의 화면의 현재 너비(픽셀) colorDepth : 사용자의 화면/비디오 카드에서 현재 지원하는 색상당 바이트 수 form 객체 document 객체의 프로퍼티로 액세스되고, form 객체는 문서 안의 폼에 액세스할 수 있도록 해주고, 폼 관련 이벤트에 응답을 할 수 있도록 해주기 때문에 중요하다. form 객체의 프로퍼티 프로퍼티 설 명 action <FORM> 태그의 HTML action 속성에 대한 액세스 제공 button GUI 컨트롤 버튼을 나타내는 객체 checkbox 체크 박스 필드를 나타내는 객체 elements 폼 안에 포함되어 있는 모든 필드와 GUI 컨트롤을 포함하는 배열 encoding <FORM> 태그의 HTML enctype 속성에 대한 액세스 제공 FileUpload 파일 업로드 폼 필드를 나타내는 객체 hidden 숨겨진 폼 필드를 나타내는 객체 length elements 배열의 길이에 대한 액세스 제공 method <FORM> 태그의 HTML method 속성에 대한 액세스 제공 name 폼의 이름 식별 password 패스워드 필드를 나타내는 객체 radio 라디오 버튼 필드를 나타내는 객체 reset reset 버튼을 나타내는 객체 select 선택 항목 리스트를 나타내는 객체 submit submit 버튼을 나타내는 객체 target <FORM> 태그의 HTML target 속성에 대한 액세스 제공 text 텍스트 필드를 나타내는 객체 textarea 텍스트 영역 필드를 나타내는 객체 form 객체의 메소드 메 소 드 설 명 handleEvent() 지정된 이벤트에 대한 폼의 이벤트 핸들러를 호출할 때 사용 submit() 폼을 제출시 사용 reset 폼의 엔트리를 디폴트 값으로 재설정시 사용 form 요소 객체의 프로퍼티 객 체 프로퍼티 설 명 button name 버튼의 name 속성에 대한 액세스 제공 type 객체의 유형 지정 value 객체의 값 지정 checkbox checked 체크박스가 현재 체크되어 있는지를 식별 defaultChecked 체크박스가 디폴트로 체크되어 있는지 식별 name 체크박스의 HTML name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 FileUpload name 객체의 name 속성에 대한 액세스 제공 type 객체의 type 속성에 대한 액세스 제공 value 객체의 값 식별 hidden name 객체의 name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 password defaultChecked 객체의 디폴트 값 식별 name 객체의 name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 radio checked 라디오 버튼이 체크되어 있는지 식별 defaultChecked 라디오 버튼이 디폴트로 체크되어 있는지 식별 name 객체의 name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 reset name 객체의 name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 select length 선택 리스트의 길이 식별 name 객체의 name 속성에 대한 액세스 제공 option 선택 리스트가 제공하는 옵션 식별하는 배열 selectedIndex 선택 리스트 안에서 처음 선택된 옵션 식별 type 객체의 유형 식별 submit name 객체의 name 속서에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 text defaultValue 텍스트 필드에 나타나는 디폴트 텍스트를 식별 name 객체의 name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 textarea defaultValue 텍스트 영역 필드에 나타나게 되는 디폴트 텍스트 식별 name 객체의 name 속성에 대한 액세스 제공 type 객체의 유형 식별 value 객체의 값 식별 form 요소 객체의 메소드 객 체 메 소 드 설 명 button Click() 클릭된 버튼 시뮬레이트 blur() 포커스 잃음 focus() 포커스 맞춤 checkbox Click() 클릭된 체크 박스 시뮬레이트 blur() 포커스 잃음 focus() 포커스 맞춤 FileUpload blur() 포커스 잃음 focus() 포커스 맞춤 select() 입력 영역을 선택 hidden 없음 password blur() 포커스 잃음 focus() 포커스 맞춤 select() 패스워드 필드에 나타나는 텍스트를 하이라이트 radio Click() 라디오 버튼 클릭 시뮬레이트 blur() 포커스 잃음 focus() 포커스 맞춤 reset Click() 리셋 버튼 클릭 시뮬레이트 blur() 포커스 잃음 focus() 포커스 맞춤 select blur() 포커스 잃음 focus() 포커스 맞춤 submit Click() 제출 버튼 클릭 시뮬레이트 blur() 포커스 잃음 focus() 포커스 맞춤 text blur() 포커스 잃음 focus() 포커스 맞춤 select() 텍스트 필드에 있는 텍스트 하이라이트 textarea blur() 포커스 잃음 focus() 포커스 맞춤 select() 텍스트 영역에 있는 텍스트 하이라이트 location 객체 윈도우에 로드되어 있는 현재 문서의 URL에 액세스하거나 새로운 문서를 로드할 때 사용 location 객체의 프로퍼티 프로퍼티 설 명 hash URL의 앵커 부분(존재하는 경우) host URL의 hostname:port 부분 hostname URL의 host부분 href 전체 URL pathname URL의 경로명 부분 port URL의 포트 부분 protocol URL의 프로토콜 부분 search URL의 쿼리 스트링 부분 location 객체의 메소드 reload() : 윈도우의 현재 문서를 브라우저의 Reload 버튼에서 사용하는 정책에 따라 다시 로드 Every time : 문서는 매번 서버에서 다시 로드 Once per session : 서버의 문서의 날짜가 캐시에 저장되어 있는 문서보다 더 최신 날짜라는 것을 나타내면 문서는 세션당 한 번씩 서버에서 다시 로드된다. 문서가 캐시에 없는 경우에는 서버에서 로드 Never : 문서는 가능하면 캐시에서 다시 로드, 그렇지 않으면 서버에서 로드 replace() : URL을 파라미터로 취하여, 현재 문서 히스토리 목록에 있는 현재 문서위로 그 URL의 문서를 로드, 그러면 브라우저의 Back버튼을 클릭하여 이전 문서로 돌아갈 수 없음 link 객체 link 객체는 document 객체의 프로퍼티로, 문서에 들어있는 텍스트나 이미지 링크를 캡슐화 links 배열은 문서에 들어있는 모든 링크의 배열 link 객체의 메소드 handleEvent() : event 객체를 인자로 취하며 그 이벤트에 대해 적당한 이벤트 핸들러 호출 link 객체의 프로퍼티 프로퍼티 설 명 hash URL의 앵커 부분(존재하는 경우) host URL의 hostname:port 부분 hostname URL의 host부분 href 전체 URL pathname URL의 경로명 부분 port URL의 포트 부분 protocol URL의 프로토콜 부분 search URL의 쿼리 스트링 부분 target 링크의 HTML, target 속성 anchor 객체 HTML 문서 안에서 이름이 지정된 오프셋으로 사용되는 앵커 의미 anchors 배열에는 문서의 모든 앵커가 들어있음 프로퍼티나 메소드 또는 이벤트를 전혀 가지고 있지 않음 HTML 문서와 관련하여 정의된 이름이 지정된 오프셋을 추적할 때 사용 anchor 객체는 HREF 속성을 포함하는 경우에 link 객체가 된다. history 객체 history 객체의 프로퍼티 current : 윈도우에 나타나는 현재 문서의 URL length : History 리스트의 길이 next : History 리스트에서의 다음 URL previous : History 리스트에서의 이전 URL history 객체의 메소드 back() : History 리스트에 이전 문서를 로드. 브라우저의 Back 버튼을 클릭하는 것과 같은 효과 forward() : History 리스트에 다음 문서를 로드. 브라우저의 Forward 버튼을 클릭하는 것과 같은 효과 go() : History 리스트에 있는 특정 문서로 감 go(n) : n>0인 경우, 이 메소드는 History 리스트에서 n개의 엔트리가 앞에 있는 문서를 로드, n=0인 경우에는 현재 문서가 다시 로드되고, n<0인 경우엔 History 리스트에서 n개의 엔트리 뒤에 있는 문서를 로드 go(string) : go()는 이 스트링을 서브스트링으로 갖고 있는 URL의 History 리스트에서 가장 가까운 문서를 로드 image 객체 document 객체의 프로퍼티 문서와 함께 로드된 이미지에 대한 액세스 제공 images 배열은 문서 안에 지정되어 있는 각각의 <IMG>태그에 대한 엔트리가 들어있음 image 객체 유형을 사용하면 키워드와 생성자로 새로운 image 객체를 명시적으로 만들 수 있다. Image() 생성자는 웹페이지의 일부로서 처음에 나타나지 않는 이미지를 만들고 미리 로드할 때 사용한다. 이러한 image 객체는 브라우저의 캐시에 저장되면 이미 나타난 이미지를 대체할 때 사용 * Image() 생성자를 사용하여 캐시된 이미지 만드는 예 cachedImage=new Image() cachedImage.src="myImage.gif" = > 첫번째 문장은 새로운 image 객체를 만들고 그것을 cachedImage 변수에 대입하고, 두번째 문장은 image 객체의 src프로퍼티를 myImage.gif 이미지 파일로 설정한다. 이 경우 myImage.gif는 브라우저 캐시로 로드된다. 그러면 로드된 이미지는 cachedImage 변수를 사용하여 참조 가능하다. image 객체의 프로퍼티 프로퍼티 설 명 border <:IMG> 태그의 BORDER 속성의 값 complete 이미지가 완전히 로드되었는지 식별 height <:IMG> 태그의 HEIGHT 속성의 값 hspace <IMG> 태그의 HSPACE 속성의 값 lowsrc <IMG> 태그의 LOWSRC 속성의 값 name <IMG> 태그의 NAME 속성의 값 prototype image 객체에 사용자 지정 프로퍼티를 추가할 때 사용 src <IMG> 태그의 SRC 속성의 값 vspace <IMG> 태그의 VSPACE 속성의 값 width <IMG> 태그의 WIDTH 속성의 값 area 객체 이미지맵은 여러 가지 다른 영역으로 나누어져 있는 이미지로서 각각의 영역은 자체 URL과 관련되어 있다. 그리고 이러한 영역과 관련된 사용자 처리 방식으로 area 객체를 제공 area 객체의 프로퍼티 프로퍼티 설 명 hash area 객체의 HREF 속성의 파일 오프셋 부분 host area 객체의 HREF 속성의 호스트 이름 부분 hostname area 객체의 HREF 속성의 host:port 부분 href area 객체의 완전한 HREF 속성 pathname area 객체의 HREF 속성의 경로명 부분 port area 객체의 HREF 속성의 포트 부분 protocol area 객체의 HREF 속성의 프로토콜 부분 search area 객체의 HREF 속성의 쿼리 스트링 부분 target area 객체의 TARGET 속성 Array 객체 Array 객체를 사용하면 배열을 객체처럼 액세스 가능 Array 객체의 프로퍼티 length : 배열의 길이 식별 prototype : 모든 객체 유형이 지원하는 프로퍼티로 객체 유형에 대해 추가적인 프로퍼티 및 메소드 정의 가능 Array 객체의 메소드 toString() : 배열의 스트링 버전 리턴, 배열 요소는 컴마로 구분 join(separator) : 배열의 스트링 버전 리턴, 배열 요소는 seperator 스트링으로 구분, 분리자가 없으면 컴마로 구분 reverse() : 배열의 요소를 역순으로 바꿈 sort(comparisionFunction) : 비교 연산에 따라 배열의 요소 정렬. 비교 함수가 지정되면, 배열 요소는 사전순서로 정렬. 비교 연산이 지정되면 두개의 파라미터 p1,p2를 취하고, p1이 p2보다 작은 경우에는 음의 정수를 리턴하고, 같으면 0을 리턴하고, p1이 p2보다 크면 양의 정수 리턴 Boolean 객체 Boolean 객체를 사용하면 부울값은 객체로서 액세스 가능 Boolean 객체는 생성자에 대한 인자로서 값을 식별하여 만들어짐 myBoolean=new Boolean(false) yourBoolean=new Boolean(true) Boolean 객체의 프로퍼티 prototype : 모든 객체 유형이 지원하는 프로퍼티로 객체 유형에 대해 추가적인 프로퍼티 및 메소드 정의 가능 Boolean 객체의 메소드 toString() : 부울값에 해당하는 스트링 리턴 valueOf() : 객체의 값에 따라 true나 false로 리턴 Date 객체 Date 객체의 메소드 메 소 드 설 명 getDate() getUTCDate() setDate() setUTCDate() Date 객체의 날짜를 설정하거나 리턴 getDay() getUTCDay() Date 객체의 한 주의 날짜를 설정하거나 리턴 getHours() getUTCHours() setHours() setUTCHours() Date 객체의 시간를 설정하거나 리턴 getMilliseconds() getUTCMilliseconds() setMilliseconds() setUTCMilliseconds() Date 객체의 밀리초 값을 설정하거나 리턴 getMinutes() getUTCMinutes() setMinutes() setUTCMinutes() Date 객체의 분을 설정하거나 리턴 getMonth() getUTCMonth() setMonth() setUTCMonth() Date 객체의 달을 설정하거나 리턴 getSeconds() getUTCSeconds() setSeconds() setUTCSeconds() Date 객체의 초를 설정하거나 리턴 getTime() getUTCTime() Date 객체의 시간을 설정하거나 리턴 getTimeZoneOffset() Date 객체의 시간대 오프셋(분)을 리턴 getYear() getFullYear() getUTCFullYear() setYear() setFullYear() setUTCFullYear() Date 객체의 연도를 리턴하거나 설정한다. 완전한 연도를 나타내는 방법으로 4자리 연도 값을 사용한다. toGMTString() 날짜를 Internet GMT(Greenwich Mean Time) 포맷의 스트링으로 변환 toLocaleString() 날짜를 로케일(locale)포맷의 스트링으로 변환. 로케일 포맷이란 사용자가 위치해 있는 지형적 위치에서 일반적으로 사용하는 포맷 의미 toString() Date 객체의 스트링 값을 리턴 valueOf() 1970년 1월 1일 자정 이후의 밀리초 값 리턴 toUTCString() UTC에서 시간을 나타내는 스트링 값을 리턴 Date 생성자 생 성 자 설 명 Date() 현재 날짜와 시간으로 Date 인스턴스 만듬 Date(dateString) dateString 파라미터에 지정되어 있는 날짜로, Date 인스턴스를 만든다. dateString의 포맷은 "월,일,연도,시:분:초" Date(milliseconds) 1970년 1월 1일 자정 이후 지정된 밀리초 값으로 Date 인스턴스를 만든다. Date(year,month, day,hours,minutes, seconds,milliseconds) 년,월,일,시,분,초,밀리초 정수에 따라 지정된 날짜로 Date 인스턴스를 만든다. 연도와 월 파라미터는 제공되어야 하고 다른 나머지 파라미터가 포함되면 앞에 오는 모든 파라미터가 제공되어야 한다. Function 객체 함수를 객체처럼 액세스 가능하고, 이 객체는 스크립트를 실행하는 동안에 함수를 동적으로 만들고 호출할 때 사용 Function 객체는 함수의 파라미터와 본문을 Function() 생성자에 제공하면 된다. variable=new Function("p1","p2", ... ,"pn","body") Function 객체 프로퍼티 length : 함수에 대해 정의된 파라미터의 숫자 식별 prototype : 모든 객체 유형이 지원하는 프로퍼티로 객체 유형에 대해 추가적인 프로퍼티 및 메소드 정의 가능 arguments : 호출시 함수에 전달되는 인자를 가리키는 배열 caller : 특정 함수를 호출한 함수를 가리킴 Function 객체의 메소드 toString() : 함수의 스트링 형태 리턴 valueOf() : 함수 자체 리턴 Global 객체 new Global() 을 통해서 명시적으로 만들거나, 참조할 수 없다. 대신 해당 프로퍼티와 메소드가 전역 변수와 함수로 직접 참조됨 Global 객체의 프로퍼티 Nan : 숫자가 아니라는 의미 Infinity : 양수 무한대 값 의미 Global 객체의 메소드 escape(string) : string을 새로운 스트링으로 변환 eval(x) : 표현식 x의 값을 계산하고 리턴 inFinite(number) : number가 유한하면 true를 리턴하고, 무한하면 false를 리턴 inNaN(number) : number가 숫자가 아니면 true를 리턴하고, 숫자이면 false를 리턴 parseFloat(string) : string을 부동 소수 값으로 파싱 parseInt(string,radix) : string을 밑이 radix인 정수로 파싱 unescape(string) : escape()에 들어 있는 스트링을 원래의 값으로 되돌린다. Math 객체 수학적 상수와 함수의 표준 라이브러리 제공 Math의 특수 인스턴스는 Math가 내장 객체이고 객체 유형이 아니기 때문에 만들어지지 않는다. Math 프로퍼티 프로퍼티 설 명 E Euler의 상수. 이것은 계산을 하는 어디에서나 발견할 수 있으며 자연대수의 기초 LN2 2의 자연대수. 이것은 자연대수와 밑이 2인 대수 사이의 전환에 사용되는 간단한 상수 LN10 10의 자연대수. LN2와 마찬가지로 대수 변환에 사용 LOG2E 밑이 2인 E의 대수. 이것은 밑이 10인 대수를 밑이 E인 대수로 변환시 사용 PI 원의 원주 대 지름의 비율 SQRT1_2 1/2의 제곱근은 많은 삼각법 계산에서 사용 SQRT2 2의 제곱근은 대수식에서 흔히 사용 Math 메소드 메 소 드 설 명 abs(x) x의 절대값 리턴 acos(x) x의 아크 코사인값 라디안으로 리턴 asin(x) x의 아크 사인값 라디안으로 리턴 atan(x) x의 아크 탄젠트 값을 라디안으로 리턴 atan2(x,y) (x,y)에 해당하는 극좌표의 각도를 리턴 ceil(x) x보다 크거나 작은 최소 정수값 리턴 cos(x) x의 코사인 값 리턴 exp(x) eX를 리턴 floor(x) x보다 작거나 같은 최대 정수값 리턴 log(x) x의 자연대수 리턴 max(x,y) x, y 중 큰 값 리턴 min(x,y) x, y 중 작은 값 리턴 pow(x,y) xy를 리턴 random() 0과 1사이의 임의의 숫자 리턴 round(x) x의 가장 가까운 정수로 반올림되는 값 리턴 sin(x) x의 사인값 리턴 sqrt(x) x의 제곱근 리턴 tan(x) x의 탄젠트 값 리턴 Number 객체 Number 객체 유형을 사용하면 숫자를 객체로 다룰 수 있다. Number 객체의 프로퍼티 MAX_VALUE : 숫자는 가능한 최대 수치값 MIN_VALUE : 숫자는 가능한 최소 수치값 NaN : 숫자가 아니다 NEGATIVE_INFINITY : 숫자가 음수 무한대 값 POSITIVE_INFINITY : 숫자가 양수 무한대 값 prototype : 모든 객체 유형이 지원 Number 객체의 메소드 toString(radix) : 밑이 radix인 숫자를 나타내는 스트링 리턴 valueOf() : Number 객체의 수치값 리턴 Object 객체 Object 객체는 다른 모든 객체들이 파생되어 나가는 기반 객체로 이것의 프로퍼티와 메소드는 다른 객체 유형들에서 사용 가능 Object 객체의 프로퍼티 prototype : 모든 객체 유형이 지원 constructor : 객체 생성자의 이름 식별 Object 객체의 메소드 toString() : 객체를 스트링 표현으로 바꾸는 역할 valueOf() : 객체와 관련된 경우의 원시값(숫자,스트링,부울값)을 리턴하고, 그렇지 않은 경우에는 객체 자체를 리턴 String 객체 스트링을 객체로 액세스 가능 String 객체의 프로퍼티 length : 문자에서 스트링의 길이 알아내는 역할 prototype : 모든 객체 유형이 지원 String 메소드 메 소 드 설 명 charAt(index) 메소드가 적용되는 스트링의 지정된 인덱스에 있는 문자로 구성된 스트링을 리턴 charCodeAt(index) 지정된 인덱스의 문자의 Unicode 인코딩 리턴 fromCharCode(codes) 문자 코드의 컴마로 구분된 시퀀스에서 스트링 만듬 indexOf(pattern) 스트링안에 들어있는 pattern 파라미터가 지정한 첫 번째 스트링의 인덱스 리턴, 패턴이 스트링 안에 들어있지 않으면 -1 리턴 indexOf(pattern,startIndex) startIndex가 지정한 위치에서 검색을 시작하는 것을 제외하면 indexOf(pattern) 메소드와 같다. lastIndexOf(pattern) 스트링에 들어 있는 pattern 파라미터가 지정한 마지막 스트링의 인덱스 리턴, 패턴이 스트링 안에 들어있지 않으면 -1 리턴 lastIndexOf(pattern,startIndex) startIndex가 지정한 위치에서 검색을 시작하는 것을 제외하면 lastIndexOf(pattern)과 같다. splitSeparator() 하나의 스트링을 분리자를 기반으로 하여 서브스트링의 배열로 분리 substring(startIndex) startIndex에서 시작하는 스트링의 서브스트링을 리턴 substring(startIndex,endIndex) startIndex에서 시작하고, endIndex에서 끝나는 스트링의 서브스트링을 리턴 toLowerCase() 소문자로 변환된 스트링의 복사본 리턴 toString() 객체의 스트링 값을 리턴 toUpperCase() 대문자로 변환된 스트링의 복사본 리턴 valueOf() 객체의 스트링 값을 리턴

 

하얀별님의 블로그의 내용을 바탕으로 나름 Test 해본것입니다.

ajax_dbTest.htm

<html><head>

<script language=javascript>
  var xmlhttp = null;
  var tm; //ajax.html 화면에 찍는 시간
  var time;//ajax_dbTest.jsp에 넘기기위한 시간

function getHttprequest() {

   /* 브라우져 셋팅*/

  if(window.XMLHttpRequest) {

   //파어이 폭스는 아래값으로 셋팅됨.
   xmlhttp = new XMLHttpRequest();
  } else {
   //인터넷 익스플로어는 아래값으로 셋팅됨.
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  } //브라우져 셋팅 끝.

  //data.php를 호출한다.data.php에 값이 리로드 되는것을 확인하기 위해

  //일부러 시간값(time변수)을 2초마다 넘겨서 찍음.
  xmlhttp.open('get',"ajax_dbTest.jsp?time="+time+"",true);

  xmlhttp.onreadystatechange = function(){
    if(xmlhttp.readyState == '4'){ //readyState 4는 로딩된후, 값을 모두 받았음을 의미함.
      if(xmlhttp.status == 200) {

        //data.php에서 불러온 값이 data라는 변수에 담기게 된다.

        //실제로 window.alert(data)로 찍어봐도 확인 가능.

        //이 값을 ajax.html 화면에 찍기 위해 innerHTML 사용
        var data=xmlhttp.responseText;
        document.getElementById("test").innerHTML = data;

        //utf 설정 헤더를 넣을때 아래 추가
        //xmlhttp.setRequestHeader("Content-type", "application/x-www-urlencoded; charset=UTF-8");
      } //End of 200
    } //End of 4
  }

 xmlhttp.send(null);
    time=date(); //시간값을 호출하는 페이지 data.php에 넘겨보기 위해서 return
    setTimeout("getHttprequest()", 2000); //2초 마다 서버와 통신함
    return false; //setTimeout이 제대로 호출된다면 여기로는 넘어오지 않음
}

//현재 시간을 찍는 자바스크립트 함수
function date(){
 
  var tm;
  var a=new Date();
  var b=a.getYear();
  var c=a.getMonth()+1;
  var d=a.getDate();
  var e=a.getHours();
  var f=a.getMinutes();
  var g=a.getSeconds();

  tm=b+"-"+c+"-"+d+" "+e+":"+f+":"+g+"";
  document.getElementById("tim").innerHTML = tm;
  return tm;
}

/*  리플레쉬 할때 setTimeout 대신 아래 함수 setInterval을 써도 됨.

단, setInterval을 호출할때는 서버에 부하가 가므로, script밖에 호출할것.

function refresh()
{
setInterval("getHttprequest()", 2000);
}
*/

</script>
</head>

<body onload="getHttprequest()">

<!-- 시간찍는 테이블 -->
<table border=1>
<tr><td id='tim'>
time:
</td></tr>
</table>

<!-- 처음 로딩시 시간 자바스크립트 호출 -->
<script>
date();
</script>

<!-- data.php에서 찍는 db값이 이곳으로 들어옴 -->
<table border=1>
<tr>
 <td id='test'>start</td>
</tr>
</table>

</body>
</html>

 

ajax_dbTest.jsp

<%@ page import="
  java.util.*,
  java.sql.*,
  com.rsm.angel.sys.*
"%>

<%
  ResultSetHelper rsHelper;
  StringBuffer sql = new StringBuffer();
     JDBCHelper jdbc = new JDBCHelper();
  

  String poolName = "acrDS";
  sql = new StringBuffer();
 
   
  sql.append(" SELECT A.REC_FILENAME DATA1, A.APCUSTOMER_ID DATA2   ");
  sql.append("  FROM acr_v2.200701t_rec_data A        ");  
  sql.append("  WHERE  date_format(A.REC_START_DATE,'%Y%m%d') = '20070105' ");  
  sql.append("  ORDER BY A.REC_FILENAME DESC         ");
  sql.append("  LIMIT 10              ");

 
 
  System.out.println(sql.toString());
      
        try {
            jdbc.initPreparedStatement(sql , poolName) ;          
   jdbc.execStaticSQL() ;  
   rsHelper = ResultSetHelper.getResultSet(jdbc.getResultSet()) ;  
   
  } catch (Exception e) {
   
   throw e;
  }

   

 int iTotalRecord = 0;
 if (rsHelper != null) iTotalRecord = rsHelper.size();
%>
<HTML>
<HEAD>
    <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=euc-kr">
    <TITLE>DBCONNECTION TEST PAGE &nbsp; </TITLE>
    <LINK REL="stylesheet" HREF="./../css/smcc.css" TYPE="text/css">
    <SCRIPT LANGUAGE="JavaScript">
 <!--
  
    document.forms[0].submit();
 
 -->
 </SCRIPT>
</HEAD>
<BODY>
<b><%=poolName%></b>
<form action="_dbTest2.jsp" method="post">
<input type="hidden" name="pageName" value="thisPage">
<table border=1>
<%
   for(int i = 0; i < iTotalRecord ; i++){
  rsHelper.next();
    %>
    <tr>  
        <td><%=rsHelper.getString("DATA1")%></td> 
    </tR>
    <%
       
    }
%>
</table>
</BODY>
</HTML>

http://eticket.qubi.com/tn/index.jsp?radJoFlg=N&radJobId=1&txtGoStart=%BC%AD%B4%EB%C0%FC&txtGoStartCode=0001&txtGoEnd=%BF%B5%B5%EE%C6%F7&txtGoEndCode=0020&txtAbrdDt=&selGoYear=2007&selGoMonth=01&selGoDay=19&txtGoYoil=%B1%DD&txtGoHour=131100&selGoHour=13&selGoTrain=05&selGoRoom1=1&selGoSeat=15&pIndex=601&txtGoPage=1&txtGoAbrdDt=20070119&selGoRoom=1&useSeatFlg=&useServiceFlg=&checkStnNm=Y&SeandYo=&cp_no=tn&type_no=5&txtPnrNo=&hidRsvChgNo=&hidStlFlg=&hidRsvTpCd=

'======================================================================================
' Refresh 설정 - initpage(), cmbTime_Onchange()
'======================================================================================
SUB star_Refresh()
   
        If chkRefresh.checked  = true then
         window.clearInterval  mstrInterval
   mstrInterval = window.setInterval("imgRetriview_OnClick()", cmbTime.value * 1000)
     END IF
  
End Sub

Window.routeEvent(), Event.TYPE, 15장 Window.clearInterval() ― 주기적으로 실행되는 코드를 중지시킨다 사용 가능한 버전 클라이언트측 자바스크립트...

setInterval 함수는 특정한 간격대로 함수를 실행되도록 하고..clearInterval() 이 불러질때까지 계속 실행된다는거..아니면 윈도우가 닫히던가..할때까지 계속 실행됩니다.

clearInterval 함수는 setInterval 함수로 정해진 것을 취소하는 함수입니다.

 

아래 예제 역시 w3school에서 제공해주는 예제입니다.

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>

window

ps -ef|grep resin
ps -ef|grep resin
ps -ef|grep resin
ps -ef|grep resin
ps -ef|grep resin

Starting Resin on Fri, 19 Jan 2007 14:02:57 +0900 (KST)

[14:03:01.971] Proxy Cache disk-size=1024M memory-size=8M
[14:03:02.382] Server[] starting
[14:03:02.382] 
[14:03:02.383] HP-UX B.11.11 PA_RISC2.0
[14:03:02.383] Java 1.5.0.01 jinteg:06.06.05-04:39 PA2.0 (aCC_AP), 32, mixed mode, KSC5601, ko, Hewlett-Packard Company
[14:03:02.384] resin.home = /UNMS/resin-pro-3.0.21
[14:03:02.384] server.root = /UNMS/resin-pro-3.0.21
[14:03:02.385] 
[14:03:02.406] Socket JNI library is not available.
[14:03:02.406] Resin will still run but performance will be slower.
[14:03:02.406] To compile the Socket JNI library on Unix, use ./configure; make; make install.
[14:03:02.431] http listening to *:80
[14:03:02.436] hmux listening to localhost:6802
[14:03:02.758] Host[210.207.153.100] starting
[14:03:07.798] WebApp[http://210.207.153.100] starting
[14:03:07.930] Resin started in 7420ms

refresh_time

/** * * 세션 끈기지 않게 하고 싶으면 자바스크립트 주석과 밑에 있는 *

window.setInterval(실행구문, 밀리초) 메서드에 대하여 setInterval메서드는 window 객체의 메서드로 특정 실행구문을  밀리초마다 반복실행합니다. 실행구문은  문자열로 입력하여야 합니다. 아래의 소스는 5초후에 newWin 객체에 close()메서드를 실행하여 창을 닫는 기능을 구현했습니다. <html> <head>  <SCRIPT LANGUAGE="JavaScript">  <!--   var setTime = 5 // 종료하고자하는 시간   function openWin(){    var newWin = window.open('팝업url','popup','top=100,left=100,width=350,height=490')    newWin.setInterval("self.close()", setTime*1000)       }  //-->  </SCRIPT> </head> <body> <center> <a href="java-script:openWin()"> 내용 </a> </center> </body> [출처] 리플래시 인터발 |작성자 제로스엘

JSP 요청 ->  해당 페이지의 서블릿이 잇냐? -n> 메모리에 로드됫냐? -n> 메모리로드 -> 응답생성

=======================

1.선언부 : 선언하고자 할때

<%! 

// 변수 , 메소드  %>

2.표현부 : 어떤 값을 출력하고자 할때 쓰는것

<%=

// 변수표현,메소드표현,특정객체,수식 %>

예제

<%!

String s ="this is a test";

int i =1000;

Point2D.Double mypoint = new Point2D.Double(5.0,10.0);     // x,y 좌표 점객체생성

%>

<%= s %> <%= i %> <%= myPoint %>   // myPoint.toString의 효과임

===> 실행하면

"this is a test"     "1000"   "myPoint.tiString의 값이 출력"

2.스크립트릿 : 선언부와 표현식을 제외한 모든 자바코드

<%

//

%>

예제

<%

int i = 0;

for(i=9;i<5;i++)

{

%>

// 반복되는 내용

<%

}

%>

예제

<%@ page import="java.awt.geom.Point2D" %>
<%
Point2D.Double p1 = new Point2D.Double(100.0, 100.0);
Point2D.Double p2 = new Point2D.Double(150.0,100.0);
double distance = p1.distance(p2);
%>
<html>
<head></head>
<body>
<%= p1 %> 과 <%= p2 %> 사이의 거리 : <%= distance %>
</body>
</html>

================================================

주석

<!-- 내용주석 -->  : JSP가 생성하는 문서(클라이언트에 출력하는 문서)에 표현하는 주석

                             소스보기를 통해 보임

<%-- JSP 주석 -->  : 출력되는 문서에 표현 안함

                               소스보기해서 안보임 : 이걸해야겟네

<%

//스크립터 언어 주석   : 서블릿으로 변환된 *.java 내부에 보여지는 언어주석

/*

*/

%>

===========================================

디렉티브란

=>해당 JSP페이지와 관련된 정보를 나타낼때 쓰는 태그

<%@ 디렉티브 속성1="값1" 속성2="값2" ... %>

디렉티브 종류

page - 해당페이지의 전체적인 특성을 나타냄

include - 다른페이지를 포함하고자 할때 사용

taglib - 기능확장을 위해 사용할 커스텀 태그의 경로를 지정할때 사용. 사용자태그를 만들어 놓고 그걸 불러와서 사용하고자 할때 사용..

[page 디렉티브]

language : 스크립트의 언어이름 : 기본값 java

contextType : MIME타입,문자셋, : 기본값 "text/html"

info : 문자열 : 별의미없다.

import : 클래스, 패키지 이름

session : boolean값 : 기본값 true

*session이란 어떤 사이트에 로그인하면 그 사용자 정보가 서버에 보내져서 사용자 세션 객체가 생성된다. 그 이후 그 사이트의 어떤 페이지로 이동을 하든 사용자정보에 대한 세션이 계속 유지되는 상태이므로 접근이 가능하게 하는것..기본값은 true이다

buffer :  버퍼의 크기 또는 false : 기본값 8KB

autoflush : 버퍼가 꽉 차면 자동으로 flush해주냐  기본값 : ture

isThreadSafe : 해당 페이지가 쓰레드에 안전하냐 안하냐? 기본값 :true (안전하게 하겟다는 의미)

errorPage : 로컬 URL을 넣어줌 : 자신페이지에 에러가나면 어떤 페이지로 이동해서 에러를 보여주냐를 나타냄.

iserrorPage : errorPage에서 에러가 난 URL은 iserrorPage가 true가 됨

extends : 클래스 이름이 들어감 : 지금 작성하는 페이지가 어떤 클래스에서 상속을 받느냐..자동으로 JSP가 해줌.신경쓸필요없다.

pageEncoding: ISO-8859-1 기본값  euc-kr 한국어 ecu-jp 일본어

================================================

[include 디렉티브]

다른페이지의 내용을 포함하고자 할때

<%@ include file =" 포함할 페이지의 로컬 ㅕ끼" %>

*액션태크의 인클루드는 인클루드 쪽서블릿으로 제어권이 넘어가서 다시 페이지로..제어권이 넘어와서 사용

*디렉티브의 인클루드는 페이지 소스를 불러와서 서블릿으로 통채로 변환해서..사용

==============================================

[taglib 디렉티브]

jsp페이지에서 사용할 태크 라이브러러리를 지정할때 사용

사용자 정의 태그: xml...

=====================================================

[기본객체]

1.request.response,out  기본객체(컨테이너가 제공하는 객체:즉 바로 사용할수 있는개첵)

*종류

1.request : javax.servlet.SevletRequest 파라미터를 포함한 요청 데이터

즉, A페이지에서 B페이지로 제어권이 넘어갈때 같이 따라가는 객체

2.response : 요청ㅇ르 했으면 요청에 대한 응답을 생성해서 주는 객체

3.out : 출력 스트림에 내용을 출력하는 객체

4.page : 페이지 자기 자신에 대한 객체

5 config 객체 : jsp 페이지의 servletconfig 객체

6.session 객체: 사용자가 웹사이트에 접속했을때 그 사용자가 다른페이지로 이동해서 가지고 다니는 것이 세션객체

기본값 : true

7.application 객체: 전체 사이트에 관여된 객체. 서블릿 config객체로부터 구할수 있는 서블릿 컨텍스터(ex: 카운터 같은거)

8.pageContext 객채: 현재 jsp 페이지의 페이지 컨텍스터

9. exception 객체 : 에러페이지에서 사용되는 예외 객체

=======================================

[기본객체가 사용하는 메소드]

void setAttribute(key,value) 키값이 key인 객체 value를 저장한다.

Object getAttribute(key) 키값이 key인 객체를 읽어들인다.

void removeAttribute(key) 키값이 Key인 객체를 삭제한다.

Enumeration getAttributeNames() 관련된 모든 속성의 이름을 읽어들인다. (배열형태로 통채로 반환됨..이거를 enum으로 받아들인다는것)

============================================

[request 기본객체]

한번의 요청에 대해서 유효한 객체

자신의 페이지로의 요청에 대한 url,헤더,쿠키 요청과 관련된 파라미터의 정보에 접근할수 있는 메소드 제공

getParameterNames() 모든 파라미터의 이름을 구한다.

getParameter(String name) 지정한 이름을 가진 파라미터중 첫번째ㅔ 파라미터의 값을 구한다.

getParametetValues(String name) 지정한 파라미터의 모든값을 String[]으로 구한다.

=======================================================================

[요청헤더와 기타 유용한 정보를 얻을수 있는 메소드제공]

getMethod() 요청방식이 get인지 post인지 구한다

getRequestURI() 요청한 URI를 구한다.

getProtocol() 요청한 프로토콜ㅇ르 구한다.

getServletPath() 요청한 서블릿 경로를 구한다.

getQueryString() 쿼리 스트링을 구한다. (브라우저 주소줄 뒤에 ?하고 변수값 =..이런식으로붙는거)

getSErverName() 서버이름

GetServerPort 서버포트

getRemoteAddr 서버 주소

getAthType 인증스키마

getLocale 로커일

getHeader(name) 헤더중에 nameㅇ속성값ㅇ르 구한다.

================================================================

response 기본객체

jsp 페이지를 처리한 결과를 사용자에게 보낼때 사용되는 응답객체

헤더,쿠키,응답과 관련된 정보를 설정할수 있는 메소드를 제공

(쿠키가 사용자 컴터에 남아있으면 로그인안해도 서버에 그정보를 가지고 접속하면 찾아가므로..사용자에게 보여질수 있다.)

응답을 통해서 전송된느 내용의 형식을 지정하는 메소드를 제공

addCookie(Cookie) 사용자의 컴퓨터에 심을 쿠기정보를 저장하는 메소드

setHeader(name.value) 이름이 anme인 헤더를 value값으로 지정

addHeader(name.value) name 헤더를 value로 추가

setContentType(String) MIME 타입을 지정하며, 추가로 인코딩 타입 지정

getCharacterEncoding() 응답하는 내용의 캐릭터 인코딩을 구함

encodeRedirectURL(url) sendRedirect() 메소드에서 사용할 URL을 인코딩

encodeURL(name) 링크에서 사용할 URL을 인코딩

sendRedirect(url) 지정한 URLㅇ르 사용하여 리다이렉트 응답을 보냄ㄴ

===============================================================

out 기본객체

요청받은 jsp 페이지가 브라우저에 결과를 보낼때 출력을 담당하는 객체

javax.servlet.jsp.JspWriter 클래스의 인스턴스

newLine() 줄구분자를 출력

print(데이터 유형) 해당 데이터 유형의 문자열 형식을 출력

println(데이터 유형) 해당 데이터 유형의 문자열 출력,줄구분자 출력

==========================================================

page 기본객체

해당 jsp페이지가 변환된 서블릿 그 자체를 나타내는 객체

페이지의 정보를 나타내는 getServletInfo()메소드를 제공

=======================================================

config 기본객체

jsp페이지를 초기화 할때 사용되는 초기화 파라메털르 저장

서블릿ㅇ르 변환할때 저장하는 서블릿의 이름은 jsp임

=======================================================

session 기본객체

java.servlet.http.HttpSession 인터페이스의 인스턴스

getId() 클라이언트마다 주어지는 고유한 세션 ID, 서버측에서 고유한 세션ID를 클라이언트에게 부여.그걸 알고자할때 쓰는것 getId()

getCreatingTime() 세션 생성시간을 long형으로 구한다. 세션이 접속해서 세션이 생성된 시간.세션의 기간을 정해줄때 필요함.

getLastAccessedTime() 마지막 요청받은 시간을 초 단위로 구한다.

getMaxInactiveInterval() 두 요청간의 세션 유지 최대시간 초단위로 구한다.

setMaxInactiveInterval() 두 요청간의 세션유지 최대시간을 초단위로 설정한다.

isNew() 세션ID를 생성해서 리턴한다.

invalidate() 세션을 버리고 속성에 저장된 객체를 모두 풀어준다.

==================================================

application 기본객체

해당 application 전체에 사용할수 있는 정보를 저장하는 객체

해당 어플리케이션전체라는 의미는 하나의 사이트를 말함.  ex: 카운터

서블릿 컨텍스트와 같은 개념이고 전체 사이트의 정보를 저장함.

서블릿 컨텍스트를 하나의 사이트를 나타내는 이름정도로 이해하면 된다.

javax.servlet.ServletContext의 인터페이스의 인스턴스

getServerInfo()

getMajorVersion()

getMinorVersion(()

거의 사용안함.

=============================================================

pageContext 기본객체

현재 jsp페이지의 콘텍스트를 나타냄(페이지를 대표하는 이름)

다른 기본객체에 접근할수 있는 메소드를 제공

<%

HttpSession httpSession = pageContext.getSession();

%>

제어를 이동하거나 포함할수있는 메소드를 제공한다.

forward(path)    include(path)

=========================================================

exception 기본객체

jsp 에서 발생하는 예외를 나타냄

디렉티브의 isErrorPage 속성이 true인 페이지에서 접근가능

<#@ page isErrorPage="true" %>

java.lang.Throwable 클래스를 상송받은 클래스의 인스턴스

=========================================================

@@ JSP 액션태크

<jsp:useBean> <jsp:setProperty> <jsp:getProperty>

<jsp:include> <jsp:forward> <jsp:plugin>

1.빈관련 태그

jsp에서 빈을 사용할수있도록 jsp는 tag를 제공함.이걸 이용해라

<jsp:useBean> jsp 페이지에서 자바의 빈ㅇ르 사용하고자 할때 사용

<jsp:setProperty> 사용할려는 빈의 변수값 메소드값(프로퍼티) 설정할때 사용

<jsp:getProperty> 빈에 정의된 프라퍼티의 값을 불러올때 사용

<jsp:include>  다른 문서의 출력결과를 현재 페이지에 포함하고자 할때 사용(디렉티브와 차이: 제어권이 넘어감)

ex: <jsp:include page ="로컬 url" flush="true|false" />

include 디렉티브와는 달리 포함되는 페이지도 또하나의 페이지로 해석되어 존재

포함하는 페이지와 포함되는 페이지는 서로다른 pageContext객체를 가짐, 따로따로 서블릿이 생성이 되니까..당연한 소리지..

두페이지는 서로다른 request객체를 가지지만 서로 같은값을 가짐

<jsp:forward>

ex <jsp:forward page="로컬url' />

현재 페이지에서 다른 페이지로 제어권을 이동하고자 할때 사용

서로 다른 pageContext 객체를 사용

서로 다른 request를 기본객체를 할당받지만 같은 값을 가짐

<jsp:param> 태그를 사용하여 새로운 파라미터를 넘겨줄수 있음

제어권이 이동할때 이동되는 페이지로 넘겨줄수 있음.

<jsp:plugin> 자바플러그인을 사용하여 자바 애플릿을 실행하고자 할때 사용

필요한 속성은

type

code

codebase

height

width

===========================

자바빈

jsp에서 class의 메소드를 사용하고 싶을때

이 class를 <jsp:useBean id="  "  의 id로 등록하고

jsp문서내에서 이 id."클래스의 메소드" 로 사용한다.

이때 메소드도 일일이 다 등록해야하는데.jsp문서내에서 이때 사용하는게

<jsp:setProperty

가져오는게 <jsp:getProperty 이다.

==============================

@빈의 정의
특정 기능을 수행하도록 미리 정의되어진 클래스
@빈의 특징
모듈화되어 있고 재사용 가능
내부의 데이터와 로직이 캡슐화 되어있음
사용법에 대한 인터페이스만 알면 누구나 사용가능
프로그램 개발시 표준화된 인터페이스를 통해 접근하므로 현저한 시간 단축
@프라퍼티
정의-빈이 가지고 있는 데이터의 값을 설정하거나 읽어 들이는 기능을 수행한느 자바빈의 속성
종류-Setter: 빈의 속성값ㅇ르 설정하기 위한 메소드
Getter : 빈의 속성값을 읽어들이기위 한 메소드
@규약: 시작은 소문자, 단어가 바뀔때마다 대문자
외부에서 접근가능해야하느모 접근속성은 public
get또는 set다음에 데이터 멤버의 일므이 와야함(클래스가 가지고있는 변수)
특정 객체를 프로퍼티의인수로전달가능
====================================
빈관련 jsp태그
<jsp:useBean> 페이지내에서 자바비ㅏㄴ을 사용할수있도록 설정
사용가능한 속성 : id 자바식별자(객체명)
scope : 만들어진 객체를 어디에서 사용할꺼냐..page / request. seesion / application

=================================

<jsp:setProperty> 태그

<jsp:setProperty name="beanName" property="propertyName" value="propertyValue" />

ex:setX 메소드라면 여기서 X라는 이름을 위의 property에 적어주면 되는거다.

해당 속성값에 대한setProperty메소드를 호출한다.

propertyValue값을 해당 속성에 설정한다.

==================================

<jsp:getProperty>

<jsp:getProperty name="beanName" property="propertyName" />

해당 속성값에 대한 getProperyt메소드를 호출한다.

해당 속성값을 호출한다. 즉 변수의 값을 리턴하는 return문이 들어있겟다.

=============================

자바에서는 엔터프라이즈빈이라는걸 제공해주니 이걸 사용법만 알면 가져다 쓸수있다..함 찾아봐보장..

===========================================

[빈 컴포넌트 사용하기]

빈 컴포넌트의 영역

스크립트와 빈태그의 혼합

====================

빈 컴포넌트의 영역

-page 영역: 페이지의 요청과 동시에 생성.소멸과 동시에 빈 객체도 소멸

 scope영역을 생략할경우에도 이값으로 설정

-request 영역

브라우저의 한번 요청이 완료될때가지 존재

하나의 jsp페이지로 구성된 경우 page영역과 request영역은 동일한 효과를 지님

포함되는 페이지에서 빈 객체를 사용하기 위해서는 반드시 빈객체가 먼저 생성되어 있어야 함

-sesssion영역

세션이 살아있는한 빈 컴포넌트도 살아있다는 소리

사용자의 중요한 정보는 DB또는 다른 저장장치를 이용해서 하는것이 일반적. DB에 사용자정보가 있다가 빈객체에 이 정보넣고. 세션이 살아있는동안 사용하다가..세션이 죽으면 빈객체도 없어지므로 사용자 정보도 DB에만남게 되는것임

-application영역(하나의 사이트를 말함)

jsp 컴테이너를 종료하기 전까지는 서버에 존재함(톰캣.레진..)

서버의 모든 사용자에게 공통적으로 사용되므로 사용자 개인 정보는 sessioh영역에 저장하는것이 일반적

application영역에는 conter 같은것을 넣어라

=====================================

스크립트와 빈태그의 혼합

1.빈캐그만을 이용한 경우

<jsp:useBean id="test" class="passday.bean.TestBean" />

<jsp:getProperty name="test" property="testPrpperty" />

2.스크립트를 이용한 경우

<jsp:useBean id="test" class="passday.bean.TestBean" />

<%= test.gettestProperty() %>