CLASSPATH
.;
C:\Program Files\Java\jdk1.8.0_45\lib\servlet-api.jar;
C:\Program Files\Java\jdk1.8.0_45\lib\tools.jar;
Path
%JAVA_HOME%\bin;
JAVA_HOME
C:\Program Files\Java\jdk1.8.0_45
| 개발환경 프로젝트생성 및 작성규칙 (0) | 2014.06.22 |
|---|---|
| 개발환경 웹서버 톰캣 설치 (0) | 2014.06.22 |
왕왕왕왕
왕
ServletTest.java 저장(메모장으로)
도스창에서 C:\Program Files\Apache Software Foundation\Tomcat 7.0\webapps\servletTest\WEB-INF\src
폴더로 이동
"javac -d ../classes *.java 명령어로 컴파일
아무메시지가 없으면 정상적 수행
ServletTest.java
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.Calendar;
public class ServletTest extends HttpServlet{
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws IOException{
response.setContentType("text/html");
response.setCharacterEncoding("euc-kr");
Calendar c = Calendar.getInstance();
int hour=c.get(Calendar.HOUR_OF_DAY);
int minute=c.get(Calendar.MINUTE);
int second=c.get(Calendar.SECOND);
PrintWriter out= response.getWriter();
out.write("<HTML><HEAD><TITLE>ServletTest</TITLE></HEAD>");
out.write("<BODY><h1>");
out.write("현재시각은");
out.write(Integer.toString(hour));
out.write("시 ");
out.write(Integer.toString(minute));
out.write("분 ");
out.write(Integer.toString(second));
out.write("초입니다. ");
out.write("</h1></body></html>");
out.close();
}
}
| Servlet 톰캣에서 서블릿 작동확인 4 (0) | 2015.08.11 |
|---|---|
| Servlet 톰캣에서 서블릿 동작확인 3 (0) | 2015.08.11 |
| Servlet 톰캣에서 서블릿 동작확인 2 (0) | 2015.08.11 |
| Servlet 톰캣에서 servletTest 서블릿 동작확인(이클립스안씀) (0) | 2015.08.11 |
| Servlet 서블릿 구현환경(이클립스안씀) (0) | 2015.08.11 |
왕왕왕왕
왕
톰캣 기본 폴더 이동
C:\Program Files\Apache Software Foundation\Tomcat 7.0\webapps
Webapps 폴더 안에 ServletTest폴더 생성
ServletTest폴더안에 WEB-INF 폴더 생성
WEB-INF 안에 3개의 폴더생성
src: 서블릿 클래스로 컴파일 하기 위한 소스 파일들을 넣어 놓은 폴더
classes: 실제로 서비스 될 서블릿 클래스가 들어가는곳
lib:서블릿 클래스들이 구동되는데 필요한 추가 라이브러리 파일들을 넣는곳
서블릿 소스구현(메모장)
| Servlet 톰캣에서 서블릿 작동확인 4 (0) | 2015.08.11 |
|---|---|
| Servlet 톰캣에서 서블릿 동작확인 3 (0) | 2015.08.11 |
| Servlet 톰캣에서 서블릿 동작확인 2 (0) | 2015.08.11 |
| Servlet 톰캣에서서블릿 동작확인(이클립스안씀) (0) | 2015.08.11 |
| Servlet 서블릿 구현환경(이클립스안씀) (0) | 2015.08.11 |
왕왕왕왕
왕
j2ee 환경 설정
서블릿 구현환경
1.아파치기 설치된 경로아래 lib 폴더로 들어간다
2.sevlet-api.jar파일 복사
3.복사한 파일 jdk폴더에 lib폴더 붙여넣기
4.시스템변수에 CLASSPATH에 편집
5. .;%JAVA_HOME%\lib\servlet-api.jar
| Servlet 톰캣에서 서블릿 작동확인 4 (0) | 2015.08.11 |
|---|---|
| Servlet 톰캣에서 서블릿 동작확인 3 (0) | 2015.08.11 |
| Servlet 톰캣에서 서블릿 동작확인 2 (0) | 2015.08.11 |
| Servlet 톰캣에서서블릿 동작확인(이클립스안씀) (0) | 2015.08.11 |
| Servlet 톰캣에서 servletTest 서블릿 동작확인(이클립스안씀) (0) | 2015.08.11 |
왕왕왕왕
왕
이미지 슬라이드
http://workshop.rs/projects/jqfancytransitions/
<script src="./img/jqFancyTransitions.1.8.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slideshowHolder').jqFancyTransitions({
width : 800,
height : 400,
effect : 'curtain', // wave, zipper, curtain
strips : 7, // number of strips
delay : 5000, // delay between images in ms
stripDelay : 50, // delay beetwen strips in ms
titleOpacity : 0.7, // opacity of title
titleSpeed : 1000, // speed of title appereance in ms
position : 'top', // top, bottom, alternate, curtain
direction : 'fountainAlternate', // left, right, alternate, random, fountain, fountainAlternate
navigation : false, // prev and next navigation buttons
links : false
// show images as links
});
});
<div id='slideshowHolder' style="margin: 0 auto;">
<img src='./img/1.jpg' /> <img src='./img/2.jpg' /> <img
src='./img/3.jpg' /> <img src='./img/4.jpg' /> <img
src='./img/5.jpg' />
</div>
텍스트 변환
http://alvarotrigo.com/funnyText/
<link rel="stylesheet" type="text/css" href="./img/jquery.funnyText.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="./img/jquery.funnyText.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.mySelector').funnyText({
speed : 1000,
borderColor : 'white',
activeColor : 'black',
color : 'orange',
fontSize : '5em',
direction : 'both'
});
});
</script>
<div class="mySelector" style="margin: 100px auto;" align="center">
Orange Page </div>
| Jquery onload 사용법 (0) | 2015.08.13 |
|---|---|
| Jquery 텍스트필드 2개 유효성검사 (0) | 2015.08.12 |
| Juery side메뉴 (0) | 2015.08.06 |
| Jqeury 메뉴만들기 (0) | 2015.08.05 |
| jqeury plugin 50개 (0) | 2015.08.05 |
왕왕왕왕
왕
//CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
//STYLE
#div_side {
position: absolute;
left: -90px;
width: 120px;
height: 400px;
float: left;
}
//JQUERY
<script type="text/javascript">
$(document).ready(function() {
$("#div_side").mouseover(function() {
$(this).stop().animate({
left : "0px"
}, 500);
}).mouseout(function() {
$(this).stop().animate({
left : "-90px"
}, 500);
});
});
</script>
//MENUIMG
<div id="div_side">
<img class="menuicon" src="menuimg/menuicon.png"> <img
class="menuicon" src="menuimg/menuicon.png"> <img
class="menuicon" src="menuimg/menuicon.png"><img
class="menuicon" src="menuimg/menuicon.png"><img
class="menuicon" src="menuimg/menuicon.png"><img
class="menuicon" src="menuimg/menuicon.png"> <img
class="menuicon" src="menuimg/menuicon.png"> <img
class="menuicon" src="menuimg/menuicon.png"> <img
class="menuicon" src="menuimg/menuicon.png"> <img
class="menuicon" src="menuimg/menuicon.png">
</div>
| Jquery 텍스트필드 2개 유효성검사 (0) | 2015.08.12 |
|---|---|
| jquery 사용해본 플러그인 (0) | 2015.08.09 |
| Jqeury 메뉴만들기 (0) | 2015.08.05 |
| jqeury plugin 50개 (0) | 2015.08.05 |
| Jqeury innerfade 슬라이드 (0) | 2015.08.05 |
왕왕왕왕
왕
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.menu {
width: 150px;
height: 50px;
text-align: center;
float: left;
cursor: pointer;
background-color: #74D19D;
}
.menu_on {
background-color: #288C28;
font-weight: bold;
}
</style>
</head>
<body>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".menu").mouseover(function() {
$(this).addClass("menu_on");
});
$(".menu").mouseout(function() {
$(this).removeClass("menu_on");
});
});
</script>
<div class="menu">메뉴1</div>
<div class="menu">메뉴2</div>
<div class="menu">메뉴3</div>
<div class="menu">메뉴4</div>
<div class="menu">메뉴5</div>
</body>
</html>
| jquery 사용해본 플러그인 (0) | 2015.08.09 |
|---|---|
| Juery side메뉴 (0) | 2015.08.06 |
| jqeury plugin 50개 (0) | 2015.08.05 |
| Jqeury innerfade 슬라이드 (0) | 2015.08.05 |
| Jquery div안에 페이지 불러오기 (2) | 2015.08.05 |
왕왕왕왕
왕
| Juery side메뉴 (0) | 2015.08.06 |
|---|---|
| Jqeury 메뉴만들기 (0) | 2015.08.05 |
| Jqeury innerfade 슬라이드 (0) | 2015.08.05 |
| Jquery div안에 페이지 불러오기 (2) | 2015.08.05 |
| Jquery - google,microsoft CDN (0) | 2015.07.30 |
왕왕왕왕
왕
