악덕고용주의 개발 일기

<%@ 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

<%@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":false,"nickName":"고무곰(GomuGom)","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":true,"COMMENT_LOGIN_CONFIRM_MESSAGE":"이 블로그는 로그인한 사용자에게만 댓글 작성을 허용했습니다. 지금 로그인하시겠습니까?","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=https://rongscodinghistory.tistory.com/","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,"IS_SCRAPABLE":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","PHASE":"prod","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: "U4h/lHS75C0rwFnfxl+gwO2ysHQTse6MBOpiEzQexKoES4M102IfUFFYRsNfoHqs"
};
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":"WebSite","url":"/","potentialAction":{"@type":"SearchAction","target":"/search/{search_term_string}","query-input":"required name=search_term_string"}}
</script>

<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-6a37c349bf45303da350f382df934ec2f7d06d2a/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/userblog-6a37c349bf45303da350f382df934ec2f7d06d2a/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-6a37c349bf45303da350f382df934ec2f7d06d2a/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-6a37c349bf45303da350f382df934ec2f7d06d2a/static/script/common.js"></script>

</head>
<body>

 	<%
 		// request 객체를 통해 세션을 얻을 수도 있고...
 		HttpSession mySession = request.getSession();
 		// jsp에서는 바로 내장 session 객체를 통해 접근하면 된다.
 		
 		// 세션에 key,value 식으로 데이터를 저장할 수 있는대, 이때 key(String), value(Object)타입이다.
 		session.setAttribute("age", 28);
 		session.setAttribute("name", "hyr");
 		
 		// 브라우저만 같으면 다른 페이지에서 세션은 공유되기 때문에 다른 페이지에서 아래와 같은 getAttribute 메서드를 이용해 값을 꺼낼 수 있다.
 		Object age = session.getAttribute("age");
 		int ageVal = Integer.parseInt(age.toString());
 		String name = (String)session.getAttribute("name");
		// 한번에 세션에 있는 전체 key들 가져오기
 		Enumeration e = session.getAttributeNames();
 		while(e.hasMoreElements()){
 			String key = (String)e.nextElement();
			Object sessionVal = session.getAttribute(key);
 		}
 		
 		// 세션의 고유 아이디 얻기
 		String sessionId = session.getId();
 		
 		// 세션 유효시간 설정
 		// 이렇게하거나 또는 web.xml에서 세션 timeout을 설정할 수도 있다.
 		session.setMaxInactiveInterval(60*60);
 		
 		// [세션 삭제]
 				// 세션의 특정 속성만 삭제하기
 				session.removeAttribute("age");
 				// 모든 세션 삭제하기
 				session.invalidate();
 	%>

<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-6a37c349bf45303da350f382df934ec2f7d06d2a/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>

</body>
</html>

저작자표시 비영리

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

JSP 에러페이지에 대하여... (0)	2017.08.11
JSP 쿠키(cookie)에 대하여... (0)	2017.08.11
JSP 액션 태그(forward,include,param) (0)	2017.08.10
JSP request,response 내장 객체 (0)	2017.08.10
JSP 지시자(directive) : page지시자,include지시자,taglib 지시자 (0)	2017.08.10

- 자바스크립트의 지역변수와 전역변수 개념

=> 함수내에 선언된 변수만 지역변수!! 그 외에는 다 전역변수이다. 즉, 함수내에 선언된게 아니면

어떠한 블럭이건 for문 안에서건 전부 전역변수이다.

{

var param = 10;

}

이것도 어면히 전역변수

var f = function(){

var str = "string";

}

이 str변수는 지역변수

[ 자바스크립트의 객체(Object)에 대해서]

<!DOCTYPE html>

// 일반적인 객체 생성 방법(선언과 동시에 생성)
	var studentObj = {
		// 필드
		name : "황영롱",
		age : 28,
		// 메서드
		sayHello : function(){
			// 객체 내의 필드변수에 접근할 때는 반드시 this키워드를 써줘야한다.(자바와 다름...생략 불가)
			return this.name + "입니다. 안녕하세요.";
		}
	}

alert(studentObj.name + "입니다. " + studentObj.sayHello());

var students = [];
	// 배열에 객체 추가
	students.push(studentObj);

// 객체명을 생략해 편리하게 이용하도록 도와주는 with
	// 본래 아래와 같이 필드변수에 접근해야한다.
	console.log( studentObj.name + studentObj.age );
	// 하지만... width를 쓰면 다음처럼 접근할 수 있다.
	with(studentObj){
		console.log( name + age );
	}

// 매번 객체에 값을 넣어논 상태로 생성하는 것이 불편하기 때문에 생성자를 이용해 객체를 생성하도록 한다.
	function Student(name,age,kor,math){
		
		this.name = name;
		this.age = age;
		this.kor = kor;
		this.math = math;

this.getSum = function(){
			return (this.kor + this.math);
		}

this.toString = function(){
			return ("이름 : " + this.name + "나이 : " + this.age + "합계 : " + this.getSum() );
		}

}

// 객체 생성
	var s1 = new Student("홍길동",20,100,98);
	// 메서드 호출
	alert(s1.toString());

// 이런 객체 생성방식에서 필드변수의 값은 매번 다를 수 있지만 함수는 매번 똑같기 때문에
	// 매번 메모리를 잡아먹으면 낭비가 된다. 따라서 생성자 함수 정의시 필드 변수만 넣고 메서드는 prototype 객체에 넣도록 한다.
	// prototype 객체는 모든 객체가 공통으로 가지는 객체이다. 이 prototype에 메서드를 등록해서 사용한다.

function Car(name,color){
		this.name = name;
		this.color = color;
		// 필드 변수만 기재한다. 메서드는 따로 prototype에 등록한다.
	}
	// 프로토타입에 메서드 등록
	Car.prototype.performance = function(){
		return this.name + "의 차이며 색상은 : " + this.color + "입니다.";
	}
	Car.prototype.newParam = 10;

var c1 = new Car("아반떼","검정");
	var c2 = new Car("소나타","레드");
	alert(c1.performance());
	alert(c2.performance());

// 이 경우 c1과 c2에 본래 performance메서드가 각각 메모리에 잡히게 되고 만약 이런 객체를 100개를 만들면 100개의 공간이잡힐 것이다.
	// 하지만, 둘 다 공유할 수 있는 prototype이라는 객체에 메모리를 할당해 놓고 두 객체는 이 공간을 공유해 사용하게 되서 메모리를 절약할 수 있게 되는 것이다.
	// 만약, 메서드뿐 아니라 필드변수값도 공유하고 싶다면 아래와같이 할 수 있다.
	// Car.prototype.newParam;
	
	alert("c1의 값 : " + c1.newParam); // 10
	// 이건 공통 prototype에서가 아니라 새로 생성한 것
	c1.newParam = 20;
	// c1, c2 공통으로 공유되는 값을 바꾼 것
	Car.prototype.newParam = 30;
	alert("c1'''의 값 : " + c1.newParam); // 위에서 c1.newParam으로 생성했음으로 자기 newParam을 사용해 20이 나옴
	alert("c2의 값 : " + c2.newParam); // 30

</script>

저작자표시 비영리

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

자바스크립트 객체의 캡슐화 (0)	2017.08.14
eclipse(이클립스) 자바스크립트(javascript) 자동완성 플러그인 설정하기 (0)	2017.08.11
자바스크립트 정리1 (0)	2017.08.09
자바스크립트 navigator를 이용한 IE 버전 알아내기 (0)	2017.08.08
자바스크립트로 부모,자식 요소 접근하기 (0)	2017.08.08

악덕고용주의 개발 일기

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

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

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

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

지역변수,전역변수 개념과 자바스크립트의 객체(Object)

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

+ Recent posts

티스토리툴바