코딩배우는 잉여한 잉여블로그

include 액션

include 지시자와 유사. 파라미터 전송가능

forward 액션

다른 페이지로 전환시 사용. 현재 페이지가 나오지 않고 다른 페이지만 나옴

plugin 액션

웹 브라우저에서 자바 플로그인을 사용하여 자바 애플릿이나 자바 빈즈 컴포넌트를 실행할 수 있게 하는 것.

잘 사용되지 않음.

useBean 액션

특정한 일을 독립적으로 수행하는 자바 컴포넌트.

지시어

Page 지시어

MAC은 서버나 자바 등의 경로 설정같은 것이 필요없음.

웹 서버에 사용될 JDK 깔기

http://www.oracle.com/technetwork/java/javase/downloads/index.html

웹 서버에 사용될 Apache Tomcat 깔기

http://tomcat.apache.org/index.html

tar.gz로 다운로드

특정 공간에 압축풀기

해당 폴더공간/bin 폴더에 들어간 후 startup.sh 시작

인터넷 주소창에 http://localhost:8080 검색

▲ Apache Tomcat 실행된 상황

기본 이벤트들

<p> 객체를 클릭했을 때 이벤트를 발생하고 싶다면

$("p").click() 처럼 쓰는데 다음 행동을 정의하고 싶을땐 아래와 같이 코딩하면 된다.

$("p").click(function (){

다음에 할 행동들

});

흔히 사용되는 jQuery 이벤트 메소드들

$(document).ready() 

문서가 전부 불러왔을 때 발생하는 이벤트

click() 

HTML 객체를 클릭했을 때 발생하는 이벤트

dblclick()

HTML 객체를 더블클릭 했을 때 발생하는 이벤트

mouseenter()

HTML 객체에 마우스를 올렸을 때 발생하는 이벤트

mouseleave()

HTML 객체에 마우스를 올렸다가 땔떼 발생하는 이벤트

mousedown()

HTML 객체를 마우스 왼쪽,중간(휠),오른쪽로 눌렀을 했을 때 발생하는 이벤트

mouseup()

HTML 객체를 마우스 왼쪽,중간(휠),오른쪽로 땠을 때 발생하는 이벤트 (다른 곳을 누른 상태로 객체에 마우스 올려도 발생)

hover()

mouseenter() 와 mouseleave() 메소드를 사용하는 메소드

순서는 mouseenter() -> mouseleave() 순이다.

focus()

HTML 폼 영역이 포커싱 될때 발생하는 이벤트

blur()

HTML 폼 영역이 포커싱을 잃었을 때 발생하는 이벤트

on() 메소드

선택된 객체에 하나 이상의 이벤트 핸들러들을 붙일 때 사용한다.

$(선택자).on({

이벤트: function(){

},

이벤트1: function(){

},

...

});

$("p").hide() <p> 태그가 붙은 객체를 전부 숨김

$("#test").hide() id가 test인 객체를 모두 숨김

$(".test").hide() class가 test인 객체를 모두 숨김

$(this).hide() HTML 객체 자신을 숨김

$("*") 객체 전체를 선택

$("p.intro") <p> 태그의 intro class 선택

$("p:first") <p> 태그의 첫번째 객체

$("ul li:first") <li> 객체의 첫번째 객체에 첫번째 <ul>

$("ul li:first-child") <li> 첫번째 객체에 모든 <ul>

$("[href]") 모든 객체에 href 속성이 있는 모든 객체 선택

$("a[target ='_blank']") target 속성 값이 _blank인 <a> 객체 모두 선택

$("a[target !='_blank']") target 속성 값이 _blank가 아닌 <a> 객체 모두 선택

$(":button") 모든 <button> 객체와 type="button"인 <input> 객체 선택

$("tr:even") <tr> 객체의 짝수번째 선택

$("tr:odd") <tr> 객체의 홀수번째 선택

출처 : http://www.w3schools.com/jquery/jquery_selectors.asp

1. File -> New -> Dynamic Web Project 클릭

2.프로젝트 명과 웹를 어떤것으로 돌릴지 설정 처음 생성한다면 New Runtime 클릭

3.서버 환경 선택 만들기. Apache Tomcat을 받아서 사용함.

아파치 톰켓 설치방법

접기

Apache Tomcat은 아래 주소에서 다운받으면 됨.

http://tomcat.apache.org

Apache Tomcat - Welcome!

tomcat.apache.org

윈도우 OS 인 경우 : Windows Service Installer 를 다운받으면 설치 마법사로 잘 깔아줌

멕 OS 인 경우 : 압축파일 형태를 다운받아 압축을 푼 뒤 해당 폴더 위치만 잡아주면 됨

접기

3-1.이름과 설치된 위치를 넣고 finish를 누르면 끝

완성된 프로젝트에 HTML추가하는 방법

1. 프로젝트 오른쪽클릭 -> New -> HTML File

2. HTML이름과 프로젝트 내에 위치 지정

3.HTML 버전 고른 후 Finish

서버 작동법

1.프로젝트 오른쪽클릭 -> Run As -> Run on Server

2.만든 서버 클릭

3. Available에 있는 프로젝트 클릭후 add한뒤 finish