'스터디' 카테고리의 글 목록 (3 Page)

스터디

자바스크립트 내장객체1(배열,Date,String,Number) 2017.08.14
자바스크립트 객체의 캡슐화 2017.08.14
JSP DB(데이터베이스) 2017.08.14
JSP 자바 빈즈(JAVA BEANS) 2017.08.14
eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기 2017.08.11
JSP 에러페이지에 대하여... 2017.08.11
JSP 쿠키(cookie)에 대하여... 2017.08.11
JSP에서의 세션(session)에 대해서... 2017.08.11
지역변수,전역변수 개념과 자바스크립트의 객체(Object) 2017.08.10 2
JSP 액션 태그(forward,include,param) 2017.08.10
JSP request,response 내장 객체 2017.08.10
JSP 지시자(directive) : page지시자,include지시자,taglib 지시자 2017.08.10
JSP 스크립트 요소(스크립트릿,선언식,표현식) 2017.08.10
자바스크립트 정리1 2017.08.09
[ servlet 초기화 파라미터, 컨텍스트 파라미터, 서블릿 컨텍스트 리스너] 2017.08.08
자바스크립트 navigator를 이용한 IE 버전 알아내기 2017.08.08
5. Servlet에서의 HTML Form태그, servlet Parameter, 한글처리 2017.08.08
자바스크립트로 부모,자식 요소 접근하기 2017.08.08
4. servlet의 라이프사이클(lifecycle) 2017.08.08
3. servlet의 doGet(), doPost()와 PrintWriter 객체 2017.08.08
1. desc와 select 문 2017.08.07
2. [ Servlet Mapping에 관하여... ] 2017.08.06
1. [ JSP 웹 기본 지식 및 작동 원리 ] 2017.08.06
자바스크립트로 제어하고 싶은 대상 선택하기(찾기) 2017.08.04
window 객체(location,navigator,screen etc...) : 부모창 자식창간 데이터 주고 받기 포함 2017.08.04
location 객체와 navigator 객체 2017.08.04
HTML에서 자바스크립트 로드하기 2017.08.04

자바스크립트 내장객체1(배열,Date,String,Number)

2017. 8. 14. 16:53

<!DOCTYPE html>

var f = new test("hhh",28);
	alert(f);

// [ 문자열 String 관련 내장 객체 및 메서드 ]
	// 1. 문자열 생성 방법 2가지
	var str = "문자열";
	var str2 = new String("문자열2");
	// 문자열 관련 대표 메서드
		// 문자열 길이
		var strLength = str.length;
		// indexOf("찾을문자열") : 찾을 문자열 시작 인덱스를 반환한다.
		//						찾는 문자열이 없을시 -1을 리턴한다.
		var startIndex = str.indexOf("자열");
		// replace("old","new");
		str.replace("자열","좌열");
		// match("정규표현식")
		// str.match("정규표현식") : 정규표현식에 일치하는 문자열을 리턴한다.
		// substring(시작인덱스,끝인덱스) : 시작 ~ 끝 까지의 문자열을 반환한다.
		var sub = str2.substring(1,3);
		// toLowerCase() : 소문자로 변환
		var low = str2.toLowerCase();
		// toUpperCase() : 대문자로 변환
		var up = str2.toUpperCase();

// [ 숫자관련 내장객체 Number ]
	var num = 10;
	var s = "10";
	var num2 = Number(s); // 숫자로 변환
	// 숫자 관련 대표 메서드 : toFixed(자리수) : 자리수 이하를 버림한다.
	alert(num2.toFixed(1));
	alert(10.23456.toFixed(2));

// [ 배열 ]
	var arr1 = [1,2,3,4,5]; // 생성과 동시에 초기화
	var arr2 = new Array(5); // 공간만 생성
	var arr3 = new Array();

// [ 배열관련 메서드 ]
	var arr1Length = arr1.length;
	// push : 배열의 마지막에 데이터를 삽입
	arr1.push("newDataString"); // 자바와 달리 하나의 배열에 여러 타입을 저장할 수 있음.
	// pop : 마지막에 저장한 데이터를 빼옴
	var popData = arr1.pop(); // newDataString
	// splice(시작인덱스,갯수) : 시작인덱스부터 해당 갯수만큼 데이터를 삭제하고, 삭제한 데이터들을 반환함
	var spliceData = arr1.splice(2,3); // 3,4,5 가 spliceData 들어가 있음
	alert("spliceData : " + spliceData);
	alert(arr1); // 1,2

// [ Date 객체]

// Date 객체 생성
		var date = new Date();
		// '일' 가져오기
		alert("getData() : " + date.getDate());
		// '월' 가져오기 : 월-1 값이 출력됨을 유의(달만 이렇게...)
		alert("getMonth() : " + date.getMonth()); // 8월이면 7이 출력됨
		// '년' 가져오기
		alert("getFullYear() : " + date.getFullYear());
		// 7일 뒤의 날짜를 구하기 위한 방법
			// 현재 일을 가져와 7을 더하고 세팅
		date.setDate(date.getDate() + 7);
		alert(date);
		date.setFullYear(date.getFullYear() + 2); // 2년뒤
		alert(date);

// 경과시간 구하기
	var date = new Date(); // 현재 날짜 가져오기
	date.setDate(date.getDate() + 7); // 7일 뒤 날짜
	var now = new Date(); // 현재 날짜
	var untilTime = date.getTime();
	var nowTime = now.getTime();

var diffTime = untilTime - nowTime;
	diffTime = diffTime / (1000*60*60*24); // 하루단위로 나눔
	alert("오늘과 일주일뒤의 차이는 7일인가요? : " + diffTime);

</script>

저작자표시 비영리

'스터디 > 자바스크립트' 카테고리의 다른 글

자바스크립트로 사용자 OS 버전 확인하는 코드(IE버전 X 운영체제 판별) (0)	2018.07.18
자바스크립트 객체의 캡슐화 (0)	2017.08.14
eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기 (0)	2017.08.11
지역변수,전역변수 개념과 자바스크립트의 객체(Object) (2)	2017.08.10
자바스크립트 정리1 (0)	2017.08.09

자바스크립트 객체의 캡슐화

2017. 8. 14. 16:51

<!DOCTYPE html>
<html>
                                                <head>
                <script type="text/javascript">if (!window.T) { window.T = {} }
window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":2750468,"name":"rongscodinghistory","title":"악덕고용주의 개발 일기","isDormancy":true,"nickName":"고무곰(GomuGom)","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=https://rongscodinghistory.tistory.com/category/%25EC%258A%25A4%25ED%2584%25B0%25EB%2594%2594","DEFAULT_URL":"https://rongscodinghistory.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","ROLE_GROUP":"visitor"};
window.T.entryInfo = null;
window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"};
window.initData = {};

window.TistoryBlog = {
    basePath: "",
    url: "https://rongscodinghistory.tistory.com",
    tistoryUrl: "https://rongscodinghistory.tistory.com",
    manageUrl: "https://rongscodinghistory.tistory.com/manage",
    token: "y3rXHKFUwYlDsGEWt3yNu+5UWeOyAQ83QkJkrANBOKnXT0HcqtIOs68Vn0DEixcD"
};
var servicePath = "";
var blogURL = "";</script>

.another_category h4 {
    font-size: 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 2px 0 6px !important;
}

.another_category h4 a {
    font-weight: bold !important;
}

.another_category table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100% !important;
    margin-top: 10px !important;
}

* html .another_category table {
    width: auto !important;
}

*:first-child + html .another_category table {
    width: auto !important;
}

.another_category th, .another_category td {
    padding: 0 0 4px !important;
}

.another_category th {
    text-align: left;
    font-size: 12px !important;
    font-weight: normal;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
}

.another_category td {
    text-align: right;
    width: 80px;
    font-size: 11px;
}

.another_category th a {
    font-weight: normal;
    text-decoration: none;
    border: none !important;
}

.another_category th a.current {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 1px solid !important;
}

.another_category th span {
    font-weight: normal;
    text-decoration: none;
    font: 10px Tahoma, Sans-serif;
    border: none !important;
}

.another_category_color_gray, .another_category_color_gray h4 {
    border-color: #E5E5E5 !important;
}

.another_category_color_gray * {
    color: #909090 !important;
}

.another_category_color_gray th a.current {
    border-color: #909090 !important;
}

.another_category_color_gray h4, .another_category_color_gray h4 a {
    color: #737373 !important;
}

.another_category_color_red, .another_category_color_red h4 {
    border-color: #F6D4D3 !important;
}

.another_category_color_red * {
    color: #E86869 !important;
}

.another_category_color_red th a.current {
    border-color: #E86869 !important;
}

.another_category_color_red h4, .another_category_color_red h4 a {
    color: #ED0908 !important;
}

.another_category_color_green, .another_category_color_green h4 {
    border-color: #CCE7C8 !important;
}

.another_category_color_green * {
    color: #64C05B !important;
}

.another_category_color_green th a.current {
    border-color: #64C05B !important;
}

.another_category_color_green h4, .another_category_color_green h4 a {
    color: #3EA731 !important;
}

.another_category_color_blue, .another_category_color_blue h4 {
    border-color: #C8DAF2 !important;
}

.another_category_color_blue * {
    color: #477FD6 !important;
}

.another_category_color_blue th a.current {
    border-color: #477FD6 !important;
}

.another_category_color_blue h4, .another_category_color_blue h4 a {
    color: #1960CA !important;
}

.another_category_color_violet, .another_category_color_violet h4 {
    border-color: #E1CEEC !important;
}

.another_category_color_violet * {
    color: #9D64C5 !important;
}

.another_category_color_violet th a.current {
    border-color: #9D64C5 !important;
}

.another_category_color_violet h4, .another_category_color_violet h4 a {
    color: #7E2CB5 !important;
}
</style>

<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":0,"item":{"@id":"https://rongscodinghistory.tistory.com/75","name":"자바스크립트 내장객체1(배열,Date,String,Number)"}},{"@type":"ListItem","position":1,"item":{"@id":"https://rongscodinghistory.tistory.com/74","name":"자바스크립트 객체의 캡슐화"}},{"@type":"ListItem","position":2,"item":{"@id":"https://rongscodinghistory.tistory.com/73","name":"JSP DB(데이터베이스)"}},{"@type":"ListItem","position":3,"item":{"@id":"https://rongscodinghistory.tistory.com/72","name":"JSP 자바 빈즈(JAVA BEANS)"}},{"@type":"ListItem","position":4,"item":{"@id":"https://rongscodinghistory.tistory.com/71","name":"eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기"}},{"@type":"ListItem","position":5,"item":{"@id":"https://rongscodinghistory.tistory.com/70","name":"JSP 에러페이지에 대하여..."}},{"@type":"ListItem","position":6,"item":{"@id":"https://rongscodinghistory.tistory.com/69","name":"JSP 쿠키(cookie)에 대하여..."}},{"@type":"ListItem","position":7,"item":{"@id":"https://rongscodinghistory.tistory.com/68","name":"JSP에서의 세션(session)에 대해서..."}},{"@type":"ListItem","position":8,"item":{"@id":"https://rongscodinghistory.tistory.com/67","name":"지역변수,전역변수 개념과 자바스크립트의 객체(Object)"}},{"@type":"ListItem","position":9,"item":{"@id":"https://rongscodinghistory.tistory.com/66","name":"JSP 액션 태그(forward,include,param)"}},{"@type":"ListItem","position":10,"item":{"@id":"https://rongscodinghistory.tistory.com/64","name":"JSP request,response 내장 객체"}},{"@type":"ListItem","position":11,"item":{"@id":"https://rongscodinghistory.tistory.com/63","name":"JSP 지시자(directive) : page지시자,include지시자,taglib 지시자"}},{"@type":"ListItem","position":12,"item":{"@id":"https://rongscodinghistory.tistory.com/62","name":"JSP 스크립트 요소(스크립트릿,선언식,표현식)"}},{"@type":"ListItem","position":13,"item":{"@id":"https://rongscodinghistory.tistory.com/61","name":"자바스크립트 정리1"}},{"@type":"ListItem","position":14,"item":{"@id":"https://rongscodinghistory.tistory.com/60","name":"[ servlet 초기화 파라미터, 컨텍스트 파라미터, 서블릿 컨텍스트 리스너]"}},{"@type":"ListItem","position":15,"item":{"@id":"https://rongscodinghistory.tistory.com/59","name":"자바스크립트 navigator를 이용한 IE 버전 알아내기"}},{"@type":"ListItem","position":16,"item":{"@id":"https://rongscodinghistory.tistory.com/58","name":"5. Servlet에서의 HTML Form태그, servlet Parameter, 한글처리"}},{"@type":"ListItem","position":17,"item":{"@id":"https://rongscodinghistory.tistory.com/57","name":"자바스크립트로 부모,자식 요소 접근하기"}},{"@type":"ListItem","position":18,"item":{"@id":"https://rongscodinghistory.tistory.com/56","name":"4. servlet의 라이프사이클(lifecycle)"}},{"@type":"ListItem","position":19,"item":{"@id":"https://rongscodinghistory.tistory.com/55","name":"3. servlet의 doGet(), doPost()와 PrintWriter 객체"}},{"@type":"ListItem","position":20,"item":{"@id":"https://rongscodinghistory.tistory.com/54","name":"1. desc와 select 문"}},{"@type":"ListItem","position":21,"item":{"@id":"https://rongscodinghistory.tistory.com/53","name":"2. [ Servlet Mapping에 관하여... ]"}},{"@type":"ListItem","position":22,"item":{"@id":"https://rongscodinghistory.tistory.com/52","name":"1. [ JSP 웹 기본 지식 및 작동 원리 ]"}},{"@type":"ListItem","position":23,"item":{"@id":"https://rongscodinghistory.tistory.com/51","name":"자바스크립트로 제어하고 싶은 대상 선택하기(찾기)"}},{"@type":"ListItem","position":24,"item":{"@id":"https://rongscodinghistory.tistory.com/50","name":"window 객체(location,navigator,screen etc...) : 부모창 자식창간 데이터 주고 받기 포함"}},{"@type":"ListItem","position":25,"item":{"@id":"https://rongscodinghistory.tistory.com/49","name":"location 객체와 navigator 객체"}},{"@type":"ListItem","position":26,"item":{"@id":"https://rongscodinghistory.tistory.com/48","name":"HTML에서 자바스크립트 로드하기"}}]}
</script>

<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/style/comment.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/script/common.js"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-c9fbfae426e43fbd9d07ad246065fb3a17523cb3/static/script/comment.js" defer=""></script>

</head>
<body>
<script type="text/javascript">
	/*
		[	 캡슐화	]
		: 내가 만든 변수에 다른 사용자에 의해 원치않는 값이 대입되는걸 막아야 할
		의도로 사용되어 진다.
		ex) 넓이를 구하는데 필요한 width,height값은 양수만 입력되어야하지만
		사용자가 음수를 입력하면 안되는데 이렇게 음수가 입력되는걸 방지하기 위해
		사용된다.

방법) 외부에서 사용자가 필드변수에 접근하는 것을 막기위해 지역변수로 선언하고
			getter와 setter를 통해서만 접근할 수 있도록 한다.
	*/
	function test(){
		/*
			this.nameVal2의 경우 외부에서 접근 가능
			var nameVal은 함수 내부에서 선언시 지역변수로 외부에서 접근이 불가능하다.
			따라서, 
		*/
		var nameVal = "";
		var ageVal = 0;
		this.nameVal2 = "";
		this.ageVal2 = 0;
		
		this.setterNameVal = function(name){
			nameVal = name;
		}

this.setterAgeVal = function(age){
			if ( age <= 0){
				throw "음수 입력하지마세요";
			}else{
				ageVal = age;	
			}
		}

this.getterNameVal = function(){
			return nameVal;
		}

this.getterAgeVal = function(){
			return ageVal;
		}
	}

test.prototype.info = function(){
		return "소개 : " + this.getterNameVal() + "님의 나이는 : "
			 + this.getterAgeVal();
	}
	var f = new test();
	f.setterNameVal("황영롱");
	f.setterAgeVal(28);

alert(f.info());
</script>

</body>
</html>

저작자표시 비영리

'스터디 > 자바스크립트' 카테고리의 다른 글

자바스크립트로 사용자 OS 버전 확인하는 코드(IE버전 X 운영체제 판별) (0)	2018.07.18
자바스크립트 내장객체1(배열,Date,String,Number) (0)	2017.08.14
eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기 (0)	2017.08.11
지역변수,전역변수 개념과 자바스크립트의 객체(Object) (2)	2017.08.10
자바스크립트 정리1 (0)	2017.08.09

JSP DB(데이터베이스)

2017. 8. 14. 10:23

[ JSP DB(데이터베이스) ]

<%@page import="java.sql.DriverManager"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>

<%! // 선언부
	// 커넥션 객체 선언
	Connection conn = null;
	// 쿼리문에 대한 PreparedStatement 객체
	PreparedStatement pstmt = null;
	// 쿼리 실행 결과를 담고 있는 ResultSet 객체
	ResultSet rs = null;
	
	// 디비 접속 관련 정보
	String id = "scott"; // db 사용자 id
	String pw = "Dudfhd13"; // db 사용자 pw
	String driver = "oracle.jdbc.driver.OracleDriver"; // driver
	String url = "jdbc:oracle:thin:@localhost:1521:xe"; // db 접속 url -> localhost(주소 ip), xe-> DB이름
	String query = "insert into student(id,name,address) values(?,?,?)"; // preparedStatement를 이용할 땐 값은 ? 부분에 들어가게 됨(Statement보다 편리)
%>

try{
		
		// driver 로드
		Class.forName(driver);
		// DB Connection 객체 얻어오기
		conn = DriverManager.getConnection(url, id, pw);
		// transaction처리를 위해 자동으로 커밋되는 것을 false로 세팅
		conn.setAutoCommit(false);
		// PreparedStatement 객체 얻어오기
		PreparedStatement pstmt = conn.prepareStatement(query);
		// 위의 query에 ? 에 해당하는 곳에 값 대입 각 1,2,3은 첫번째 ? 두번째 ? 세번째 ?를 의미
		pstmt.setString(1, "firstId");
		pstmt.setString(2,"hyrName");
		pstmt.setString(3,"seoulAddress");
		// delete,update,insert 등의 작업시엔 executeUpdate()로 쿼리를 수행함 이때 처리된 튜플수가 반환됨
		// select문의 경우 executeQuery()메서드를 통해 쿼리를 수행
		int updateCnt = pstmt.executeUpdate();
		// commit
		conn.commit();
		
	}catch(Exception e){
		e.printStackTrace();
		// 처리에 실패한 경우 롤백
		conn.rollback();
	}finally{ // 자원 해제
		if ( rs != null ) rs.close();
		if ( pstmt != null ) pstmt.close();
		if ( conn != null ) conn.close();
	}
%>

<%
	// [ select 문으로 데이터 가져오기 ]
	try{
		Class.forName(driver);
		conn = DriverManager.getConnection(url,id,pw);
		conn.setAutoCommit(false);
		pstmt = conn.prepareStatement("select * from student");
		rs = pstmt.executeQuery();
		while(rs.next()){
			String id = rs.getString("id");
			String name = rs.getString("name");
			String addr = rs.getString("address");
			out.println("id : " + id + " name : " + name + " address : " + addr);
		}
		conn.commit();
	}catch(Exception e){
		e.printStackTrace();
		conn.rollback();
	}finally{
		if ( rs != null ) rs.close();
		if ( pstmt != null ) pstmt.close();
		if ( conn != null ) conn.close();
	}
%>

저작자표시 비영리

'스터디 > JSP' 카테고리의 다른 글

JSP 파일업로드 (2)	2017.08.16
JSP 커넥션 풀(Connection Pool) (0)	2017.08.16
JSP 자바 빈즈(JAVA BEANS) (0)	2017.08.14
JSP 에러페이지에 대하여... (0)	2017.08.11
JSP 쿠키(cookie)에 대하여... (0)	2017.08.11

JSP 자바 빈즈(JAVA BEANS)

2017. 8. 14. 09:41

[ JSP 자바 빈즈(JAVA BEANS) ]

그렇다면 지금까지 살펴본 빈즈는 왜 사용하는 것일까?? 무엇인가 편리한게 있지 않을까?

그렇다. 빈즈를 이용하면 우리가 form 태그에서 input 태그 등을 이용해서 많은 값들을 submit으로 보낼 때

이러한 값들을 일일이 하나씩 request.getParameter("name") 등으로 가져오지 않고 한번에 빈즈 객체에 저장시킬 수 있다.

매우 편리하다!!

하지만, 조건이 있다. form태그에 있는 input 태그 등의 name값과 빈즈의 필드변수명이 일치해야만 한다.

아래의 예제를 보자.

-PeopleBeans 클래스

-beansMain.jsp : 폼태그가 있는 페이지

-beans.jsp : 폼태그에서 서브밋해 데이터를 전달받을 페이지

저작자표시 비영리

'스터디 > JSP' 카테고리의 다른 글

JSP 커넥션 풀(Connection Pool) (0)	2017.08.16
JSP DB(데이터베이스) (0)	2017.08.14
JSP 에러페이지에 대하여... (0)	2017.08.11
JSP 쿠키(cookie)에 대하여... (0)	2017.08.11
JSP에서의 세션(session)에 대해서... (0)	2017.08.11

eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기

2017. 8. 11. 10:17

[ eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기 ]

이클립스에서 자바스크립트 사용시 ctrl + space 를 눌러 자동완성이 가능하도록 세팅하는 방법에 대한 포스팅입니다.

두가지 작업을 해주어야 합니다.

1. Help 탭->Eclipse Market place->Webclipse 검색 후 설치(install) 후 restart합니다.

2. 두번째로 window탭->preferences->Ant->editor->Content Assist에서 enable auto activation을 체크합니다.

추가하고 나면 아래와 같이 자동완성이 가능한 것을 볼 수 있습니다.

저작자표시 비영리

'스터디 > 자바스크립트' 카테고리의 다른 글

자바스크립트 내장객체1(배열,Date,String,Number) (0)	2017.08.14
자바스크립트 객체의 캡슐화 (0)	2017.08.14
지역변수,전역변수 개념과 자바스크립트의 객체(Object) (2)	2017.08.10
자바스크립트 정리1 (0)	2017.08.09
자바스크립트 navigator를 이용한 IE 버전 알아내기 (0)	2017.08.08

JSP 에러페이지에 대하여...

2017. 8. 11. 09:49

[ JSP 에러페이지에 대하여... ]

jsp 페이지 처리 도중 404, 500에러 페이지가 뜨면 일반 사용자에게 불쾌감을 줄 수 있어

UI등을 꾸며놓은 친숙한 에러페이지를 띄우도록 할 수 있다.

두가지 방법이 있는데

1. page 지시자를 이용한 방법

2. web.xml에 error-page 를 등록하는 방법이 있다.

----------------------------------------------------------------------------------------------------------------------------

[ 1. page 지시자의 errorPage와 isErrorPage 속성을 이용한 방법 ]

main.jsp

errorPage.jsp

[ 2. web.xml에 등록하는 방식 ]

main2.jsp

web.xml에 등록하는 방식일 때는 page지시자의 errorPage를 사용하면 안된다.

web.xml

error-page 태그내에 404에러일 때 띄울 페이지, 500에러일 때 띄울 페이지를 지정했다.

error404.jsp

실재 404 에러 발생시 띄울 페이지이다.

response.setStatus(200) 은 꼭 해주도록 하자. 자동으로 500으로 세팅되어 제대로 에러 페이지가 호출되지

않을 수 있기 때문

200번 상태코드는 현재 페이지가 정상적인 페이지라는 의미이다.

저작자표시 비영리

'스터디 > JSP' 카테고리의 다른 글

JSP DB(데이터베이스) (0)	2017.08.14
JSP 자바 빈즈(JAVA BEANS) (0)	2017.08.14
JSP 쿠키(cookie)에 대하여... (0)	2017.08.11
JSP에서의 세션(session)에 대해서... (0)	2017.08.11
JSP 액션 태그(forward,include,param) (0)	2017.08.10

JSP 쿠키(cookie)에 대하여...

2017. 8. 11. 09:41

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>

<%--
		[	쿠키   ]
		
		: 사용자 정보를 저장하는 것은 세션과 같지만 서버에서 생성되어 클라이언트 컴퓨터에 저장되기 때문에
		서버에 저장하는 세션에 비해 보안에 취약하고, 4kb정도의 용량으로 용량제한이 있다.
		
		http 특성상 요청하고 응답 후에 연결이 끊어지는데 연결이 끊어지고도 특정 정보를 유지하기 위해 사용된다.
 --%>

<%
		// 1. 쿠키를 생성한다.(생성하며 key,value를 지정한다.)
		Cookie cookie = new Cookie("name", "황영롱");
		// 2. 유효시간을 설정한다. 쿠키가 유지되는 기간이다.(브라우저가 종료되도 해당 유효시간 동안은 유지된다.)
		cookie.setMaxAge(60 * 60 * 60); // 초단위
		// 쿠키가 적용될 경로를 지정하는데 / 해놓으면 컨텍스트패스 아래의 모든 페이지에 적용된다.
		cookie.setPath("/");

// 3. response.addCookie()를 이용해 쿠키 정보를 반영한다.
		response.addCookie(cookie);

// [쿠키 정보 꺼내오기]
		// request객체에서 전체 쿠키들을 가져온다.
		Cookie[] cookies = request.getCookies();
		for (int i = 0; i < cookies.length; i++) {
			if (cookies[i].getName().equals("name")) {
				String name = cookies[i].getValue();
			}
		}

// [ 쿠키 삭제하기 ]
		// 쿠키삭제는 just 쿠키의 유효시간을 0으로 세팅하고 반영해주면 된다.
		cookies = request.getCookies();
		for (int i = 0; i < cookies.length; i++) {
			if (cookies[i].getName().equals("name")) {
				// 해당 쿠키를 삭제한다.
				cookies[i].setMaxAge(0); // 유효시간 0으로 세팅
				response.addCookie(cookies[i]); // 적용
			}
		}
	%>

저작자표시 비영리

'스터디 > JSP' 카테고리의 다른 글

JSP 자바 빈즈(JAVA BEANS) (0)	2017.08.14
JSP 에러페이지에 대하여... (0)	2017.08.11
JSP에서의 세션(session)에 대해서... (0)	2017.08.11
JSP 액션 태그(forward,include,param) (0)	2017.08.10
JSP request,response 내장 객체 (0)	2017.08.10

JSP에서의 세션(session)에 대해서...

2017. 8. 11. 09:39

<%@page import="java.util.Enumeration"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
                                                <head>
                <script type="text/javascript">if (!window.T) { window.T = {} }
window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":2750468,"name":"rongscodinghistory","title":"악덕고용주의 개발 일기","isDormancy":true,"nickName":"고무곰(GomuGom)","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=https://rongscodinghistory.tistory.com/category/%25EC%258A%25A4%25ED%2584%25B0%25EB%2594%2594","DEFAULT_URL":"https://rongscodinghistory.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","ROLE_GROUP":"visitor"};
window.T.entryInfo = null;
window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"};
window.initData = {};