jQuery 플러그인
magnify(): 원래의 jquery가 아닌 jquery.magnify-1.0.2.js 파일을 통해
구현된 함수
<a href='../images/bigimg0.jpg' id="d1">
<img src="../images/smallimg0.jpg" border="3">
</a>
이런식으로 이미지태그의 사진의 큰 버전을 a태그에 걸어놓고 작성하면
이미지에 마우스를 올리면 해당 부분이 확대되서 보이는것처럼 보인다.
rotator(): jquery.rotator.js의 함수
여러장의 이미지를 지정한 시간마다 돌아가게 해준다.
.rotator({ms : 3000}) <<-- 시간 지정은 이런식이다.
JSP
Java Server Page
HTML 형식 안에 java코드를 구현 할 수 있다.
새 워크 스페이스 에서 서버 구동하는 법
처음에 런을 누르면 서버를 선택해야 한다.
아파치 - 톰캣9.0 선택 위치지정에서 톰캣9.0 폴더 지정
확인 후 하단 서버 탭에서 톰캣9.0 더블 클릭
톰캣 어드민 포트 9191로 변경 후 저장.
실행
JSP 파일 생성시 뜨는 에러표시 해결하는 법
톰캣 9.0 폴더의 lib 폴더 안에 있는
servlet-api.jar 파일을 복사해서 해당 프로젝트의
WEB-INF의 lib 폴더에 붙여넣기 한다.
<body>
Hello <br>
<%
String name="홍길동";
%>
저의 이름은 <%=name%>입니다.
</body>
html코드 안에서 java코드로 작성을 하고 싶다면
<% %> 안에 java코드를 작성하고
해당 값을 출력하고 싶다면 <%=객체명%>
형태로 작성하면 된다.
Import 하기
Import가 되지 않으면 데이터 타입을 항상 지정해줘야한다
예를 들어 Date 타입의 경우
java.util.Date now=new java.util.Date();
이런식으로 작성해줘야하기 때문에
최상단 바로 밑줄에
<%@ page import="java.util.*" %>
이런식으로 작성해주면 된다.
혹은
원래 작성된 이 코드 안에 써줘도 된다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="java.util.*" %>
메소드 정의하기
<% %>안에 작성하되 <%! %> 로 느낌표를 붙여준다.
<%!
//메소드 정의
public int add(int x,int y){
int sum= x+y;
return sum;
}
%>
호출하기
10 + 20 = <%=add(10,20) %>
JSP 태그
<%@ %> : 지시어 (page,include,taglib)
<%! %> : 선언문 (메서드를 정의)
<% %> : 스크립트릿(일반적인 자바코드)(변수 선언,조건,반복문 등)
<%= %> :표현식(변수 출력, 리턴값이 있는 메소드 호출)
<%-- --%> : 주석(주석)
page 지시어 : JSP 전체적인 페이지에 대한 정보를 표현
(언어,리턴타입,문자타입등)
조건문
<% int num1 = 13;
if (num > 10) { %>
10보다 크다.
<% } else if (num < 10) { %>
10보다 작다.
<% } else { %>
10과 같다.
<% } %>
이런식으로 작성하면 너무 번거로우므로 좀 더 간단하게 작성 할 수 있다
<%
int num2 = 13;
if (num > 10) {
out.print("10보다 크다.");
} else if (num < 10) {
out.print("10보다 작다.");
} else {
out.print("10과 같다.");
}
%>
out.print 를 통해 java의 Sytem.out.print(콘솔창에 출력)처럼 사용 할 수 있다.
여기서 out은 JspWriter 라는 클래스의 객체이며
.print를 통해 메소드를 호출한다.(웹 브라우저와 연결을 담당하는 객체다.)
자동으로 정의된 클래스의 변수와 메소드 호출인것이다.
include 지시어 : 외부에서 작성한 파일을 포함 시키고 싶을때 사용한다.
<%@ include file="Ex07_top.jsp" %>
형태로 작성하며 외부에서 작성한 파일을 가져와 해당 코드가 작성된 곳에
추가한다.
include 액션 태그도 있다.
<%@ include file="Ex07_top.jsp" %>
형태로 작성하며 외부에서 작성한 파일을 가져와 해당 코드가 작성된 곳에
추가한다.
include 액션 태그도 있다.
EX01_form.jsp <br>
<form action="Ex01_result.jsp" method="get">
이름 : <input type="text" name="name"> <br> <br>
나이 : <input type="text" name="age"> <br> <br>
<input type="submit" name="전송">
</form>
여기서 submit을 누르면 action의 주소를 결과를 도출해 보여달라고
서버에 요청을 하게된다.
EX01_form.jsp <br>
<form action="Ex01_result.jsp" method="get">
이름 : <input type="text" name="name"> <br> <br>
나이 : <input type="text" name="age"> <br> <br>
<input type="submit" name="전송">
</form>
이름 : <%=a%> <br>
나이 : <%=b%> <br>
그럼 이 창에서 submit을 누름과 동시에 입력된 값을 전송해
결과를 도출해 창으로 보여준다.
여기서 request는
HttpServletRequest 의 참조변수로 내장객체다.
request :요청한 곳의 정보가 담긴다.
이렇게 정보를 넘기고 요청하면 주소에 값이 담긴다.
http://localhost:8080/01_basic/02_request/Ex01_result.jsp?name=kim&age
<form action="Ex01_result.jsp" method="get">
해당 부분의 method는 get이 기본이지만
post로 전환하면 값이 숨겨진다.
<form action="Ex01_result.jsp" method="post">
http://localhost:8080/01_basic/02_request/Ex01_result.jsp
Method
Get : 기본 설정이며 전송이 빠르다. 256바이트가 한계다
post: 값이 숨겨지므로 보안에 좋다. 사이즈 제한이 없다.
만약 메소드가 post 방식일때 요청할 정보에
한글이 있다면 사전처리를 해줘야한다.
request.setCharacterEncoding("UTF-8");
'Develop > JavaScript JQuery JSP' 카테고리의 다른 글
| 0712 JSP 3일차 (0) | 2022.07.15 |
|---|---|
| 0711 JSP 2일차 (0) | 2022.07.15 |
| 0707 AJAX JSON XML (0) | 2022.07.08 |
| 0706 JQuery (0) | 2022.07.06 |
| 0705 JavaScript & JQuery Start (0) | 2022.07.06 |