본문 바로가기
개발 교육

11.29 쿠키와 세션

by azure05 2023. 11. 29.

쿠키와 세션의 등장배경 (두둥)

HTTP 프로토콜의 특성이자 약점을 보완하기 위해서 쿠키 또는 세션을 사용합니다.

기본적으로 HTTP 프로토콜 환경은 "connectionless, stateless"한 특성을 가지기 때문에

서버는 클라이언트가 누구인지 매번 확인해야합니다. 이 특성을 보완하기 위해서 쿠키와 세션을 사용하게됩니다.

 

 

http 프로토콜 환경의 특성

1) connectionless

     클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어 버리는 특징
     HTTP는 먼저 클라이언트가 request를 서버에 보내면, 서버는 클라이언트에게 요청에 맞는 response를 보내고 접속을 끊는 특성이  있다.
     헤더에 keep-alive라는 값을 줘서 커넥션을 재활용하는데 HTTP1.1에서는 이것이 디폴트다.
     HTTP가 tcp위에서 구현되었기 때문에 (tcp는 연결지향,udp는 비연결지향) 네트워크 관점에서 keep-alive는 옵션으로 connectionless의 연결비용을 줄이는 것을 장점으로 비연결지향이라 한다.

 

2) stateless

     통신이 끝나면 상태를 유지하지 않는 특징
     연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보는 유지하지 않는 특성이 있다.
     쿠키와 세션은 위의 두 가지 특징을 해결하기 위해 사용합니다.
     예를 들어, 쿠키와 세션을 사용하지 않으면 쇼핑몰에서 옷을 구매하려고 로그인을 했음에도, 페이지를 이동할 때 마다 계속 로그인을 해야 합니다.
     쿠키와 세션을 사용했을 경우, 한 번 로그인을 하면 어떠한 방식에 의해서 그 사용자에 대한 인증을 유지하게 됩니다.

 

 

 

쿠키와 세션의 개념

 

쿠키와 세션의 개념에 대해서 배워보자. 

 

쿠키?

  • 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다.
  • 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징이 있습니다.
  • 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다.
  • 클라이언트에 300개까지 쿠키저장 가능, 하나의 도메인당 20개의 값만 가질 수 있음, 하나의 쿠키값은 4KB까지 저장합니다.
  • Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키를 만들 수 있습니다.
  • 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송합니다.

 

 

 

쿠키의 동작방식

  1. 클라이언트가 페이지를 요청
  2. 서버에서 쿠키를 생성
  3. HTTP 헤더에 쿠키를 포함 시켜 응답
  4. 브라우저가 종료되어도 쿠키 만료 기간이 있다면 클라이언트에서 보관하고 있음
  5. 같은 요청을 할 경우 HTTP 헤더에 쿠키를 함께 보냄
  6. 서버에서 쿠키를 읽어 이전 상태 정보를 변경 할 필요가 있을 때 쿠키를 업데이트 하여 변경된 쿠키를 HTTP 헤더에 포함시켜 응답

 

 

쿠키의 사용 예시

  • 방문 사이트에서 로그인 시, "아이디와 비밀번호를 저장하시겠습니까?"
  • 쇼핑몰의 장바구니 기능
  • 자동로그인, 팝업에서 "오늘 더 이상 이 창을 보지 않음" 체크, 쇼핑몰의 장바구니

 

 

 

 

세션?

  • 세션은 쿠키를 기반하고 있지만, 사용자 정보 파일을 브라우저에 저장하는 쿠키와 달리 세션은 서버 측에서 관리합니다.
  • 서버에서는 클라이언트를 구분하기 위해 세션 ID를 부여하며 웹 브라우저가 서버에 접속해서 브라우저를 종료할 때까지 인증상태를 유지합니다.
  • 물론 접속 시간에 제한을 두어 일정 시간 응답이 없다면 정보가 유지되지 않게 설정이 가능 합니다.
  • 사용자에 대한 정보를 서버에 두기 때문에 쿠키보다 보안에 좋지만, 사용자가 많아질수록 서버 메모리를 많이 차지하게 됩니다.
  • 즉 동접자 수가 많은 웹 사이트인 경우 서버에 과부하를 주게 되므로 성능 저하의 요인이 됩니다.
  • 클라이언트가 Request를 보내면, 해당 서버의 엔진이 클라이언트에게 유일한 ID를 부여하는 데 이것이 세션 ID입니다.

 

 

세션의 동작방식

  1. 클라이언트가 서버에 접속 시 세션 ID를 발급 받음
  2. 클라이언트는 세션 ID에 대해 쿠키를 사용해서 저장하고 가지고 있음
  3. 클라리언트는 서버에 요청할 때, 이 쿠키의 세션 ID를 같이 서버에 전달해서 요청
  4. 서버는 세션 ID를 전달 받아서 별다른 작업없이 세션 ID로 세션에 있는 클라언트 정보를 가져와서 사용
  5. 클라이언트 정보를 가지고 서버 요청을 처리하여 클라이언트에게 응답

 

 

세션의 사용예시

  • 로그인 같이 보안상 중요한 작업을 수행할 때 사용 (화면이 이동해도 로그인이 풀리지 않고 로그아웃하기 전까지 유지)

 

 

쿠키와 세션의 차이점

  쿠키(Cookie) 세션(Session)
저장 위치 클라이언트(=접속자 pc) 웹 서버
저장 형식 text Object
만료 시점 쿠키 저장시 설정(브라우저가 종료되도, 만료시점이 지나지 않으면 자동삭제되지 않음) 브라우저 종료시 삭제
(기간 지정 가능)
사용하는 자원(리소스) 클라이언트 리소스 웹 서버 리소스
용량 제한 총 300개하나의 도메인 당 20개하나의 쿠키 당 4KB(=4096byte) 서버가 허용하는 한 용량제한 없음.
속도 세션보다 빠름 쿠키보다 느림
보안 세션보다 안좋음 쿠키보다 좋음

 

 

 

 

 

 

 

세션 사용 코드

<%@page import="java.text.SimpleDateFormat"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<%

out.println(session.isNew() + "<p/>");

out.println(session.getId() + "<p/>");

session.setMaxInactiveInterval(10);

 

long a = session.getCreationTime();

SimpleDateFormat formatter = new SimpleDateFormat("HH:mm:ss");

out.println(formatter.format(a)+ "<p/>");

 

 

long b = session.getLastAccessedTime();

out.println(formatter.format(b)+"<p/>");

 

 

session.setAttribute("id","tiger");

session.setAttribute("pw","1234");

 

String id = (String)session.getAttribute("id");

String pw = (String)session.getAttribute("pw");

out.println(id+ pw+ "<p/>");

 

 

session.invalidate();

%>

</body>

</html>

 

 

 

결과화면

 

 

로그인 세션 관련

<%@page import="java.text.SimpleDateFormat"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

<h1>Test</h1>

<%

String logState = (String)session.getAttribute("logState");

out.println(logState);

 

if(logState == null){

out.println("로그아웃 상태입니다. ");

session.setAttribute("logState","");

}else{

out.println("로그인 상태입니다. ");

session.invalidate();

 

}

 

 

%>

</body>

</html>

 

 

 

 

 

 

[팀 프로젝트]

팀프로젝트 요구사항

  • 서블릿 쓰지 않고 jsp로만 사용하여 
  • 결과는 모레 확인예정
  • jsp를 이용해서 투표시스템 만들기
  • 서버가 열리면 투표에 참여 
  • 회원가입이 모두 다 되어있는 상태라 가정
  • 이름을 처음부터 다 넣어두기 - 이름을 아이디라고 설정 (비밀번호 1111)
  • 로그인을 하고 들어가면 (회원가입 페이지는 없음)/세션을 사용해 로그인 구현
  • db를 사용하여 제작(mysql)

 

추가 기능

이중 투표 (참,불참 / 메뉴 선택 투표까지 이어지도록)

복수투표

다국어지원

투표 결과 공개/비공개

관리자 페이지 - 투표 만들기

 

세션 왜 사용?

투표 참여시간 관련해서

로그인 관련해서 (새로고침 버튼 누를시)

 

 

 

 

 

 

 

 

 

참고 

https://interconnection.tistory.com/74

 

쿠키와 세션 개념

노션 페이지(아래 내용과 동일) 개요 쿠키와 세션은 개발자 말고도 인터넷 사용자라면 누구나 많이 들어본 단어입니다. 하지만 개념에 대해서는 많은 사람들이 헷갈려 하기에 쉽고 간단하게 정

interconnection.tistory.com

https://hahahoho5915.tistory.com/32

 

쿠키(Cookie), 세션(Session) 특징 및 차이

개요 > 쿠키(Cookie), 세션(Session) 각각 특성 및 차이 확실히 분류하기 메모 1. 공통점 : 웹 통신간 유지하려는 정보(ex:로그인 정보 등)를 저장하기 위해 사용하는 것(?) 2. 차이점 : 저장위치, 저장형

hahahoho5915.tistory.com

 

 

'개발 교육' 카테고리의 다른 글

kafka란 무엇인가 (1)  (0) 2023.12.11
12.7 자바스크립트  (1) 2023.12.08
11.28 JSP  (4) 2023.11.28
11.24 웹 서비스 (jsp, 서블릿servlet)  (1) 2023.11.24
11.17 리눅스  (1) 2023.11.17

관련글

티스토리툴바