옌의 로그

[Network] 쿠키(Cookie), 세션(Session) 본문

스터디/네트워크

[Network] 쿠키(Cookie), 세션(Session)

dev-yen 2023. 1. 9. 01:53

[Index]

쿠키와 세션은 왜 사용하는 걸까 ?

쿠키 (Cookie)

세션 (Session) 

 

쿠키와 세션은 왜 사용하는 걸까 ?

=> HTTP 프로토콜의 특징이자 약점을 보완하기 위해 사용한다.

 

[HTTP 프로토콜의 특징]

Connectionless 프로토콜 (비연결 지향) Stateless 프로토콜
클라이언트가 요청(request)을 한 후 응답(response)을 받으면 연결을 끊는 처리방식 커넥션을 끊는 순간 클라이언트와 서버의  통신이 끝나며 상태 정보는 유지하지 않는 특성
- HTTP 1.1 버전에서 커넥션을 계속 유지하고, 다음 요청에 재활용하는 기능이 추가됨
- HTTP Header 에 keep-alive 옵션을 주어 커넥션을 재활용
- keep-alive : HTTP 1.1 버전에선 디폴트 옵션
- 클라이언트와 첫 번째 통신에서 데이터를 주고받았다 하더라도, 두 번째 통신에서 이전 데이터를 유지하지 않음 
- 하지만, 실제로는 데이터 유지가 필요한 경우가 많음 (ex, 로그인)
HTTP 가 TCP 위에서 구현되었기 때문에 네트워크 관점에서 keep-alive는 옵션으로 connectionless의 연결 비용을 줄이는 것을 장점으로 비연결 지향이라 함 Stateful 상황을 대처하기 위해 쿠키와 세션을 사용한다. 쿠키와 세션을 사용했을 경우, 한 번 로그인을 하면 어떤 방식에 의해 그 사용자에 대한 인증을 유지할 수 있게 됨

 

쿠키 (Cookie)

쿠키 발급 및 사용 과정

쿠키란?

  • 쿠키는 클라이언트(브라우저) 로컬에 저장되는 key-value로 이루어진 데이터 파일이다.
  • 유효 시간을 명시할 수 있으며, 유효 시간이 정해진 경우 브라우저가 종료되어도 쿠키 설정 값이 유지됨
  • 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조함
  • 하나의 도메인 당 20개의 쿠키를 가질 수 있다
    • 하나의 쿠키는 4KB까지 저장 가능
  • Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키를 만들 수 있다
    • php에선 setcookie() function을 사용해 클라이언트에 쿠키를 생성할 수 있음
<?php
$value = 'something from somewhere';

setcookie("TestCookie", $value);
setcookie("TestCookie", $value, time()+3600);  /* expire in 1 hour */
setcookie("TestCookie", $value, time()+3600, "/~rasmus/", "example.com", 1);
?>

 

쿠키 구성 요소

  • 이름 : 각각의 쿠키를 구별짓는 key 값
  • 값 : 쿠키의 이름과 매칭되는 value 값
  • 유효시간 : 쿠키의 유지시간
  • 도메인 : 쿠키를 전송할 도메인
  • 경로 : 쿠키를 전송할 요청 경로
더보기

setcookie(
    string $name,
    string $value = "",
    int $expires_or_options = 0,
    string $path = "",
    string $domain = "",
    bool $secure = false,
    bool $httponly = false
): bool

 

쿠키 동작 방식

(쿠키 발급 및 사용 과정 이미지 참고)

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

 

쿠키 예시

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

 

세션 (Session) 

세션이란?

  • 일정 시간 동안 같은 사용자(브라우저)로부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 유지시키는 기술
    • 일정 시간 : 방문자가 웹 브라우저를 통해 웹 서버에 접속한 시점부터 웹 브라우저를 종료하여 연결을 끝내는 시점
      즉, 방문자가 웹 서버에 접속해 있는 상태를 하나의 단위로 보고 그것을 세션(session)이라 한다
  • 사용자 정보 파일을 브라우저에 저장하는 쿠키와 달리 세션서버측에서 관리
    • 세션은 웹 서버에 저장되는 쿠키이다 (세션 쿠키)
  • 서버에서는 클라이언트를 구분하기 위해 세션 ID를 부여하고, 웹 브라우저가 서버에 접속해 브라우저를 종료할 때까지 인증상태를 유지
    • 이때, 접속 시간에 제한을 걸어 일정시간 이상 응답이 없다면 정보가 유지되지 않게 설정할 수도 있다
  • 사용자에 대한 정보를 서버에 두기 때문에 쿠키보다 보안에 좋지만, 사용자가 많아질 수록 서버 메모리를 많이 차지하게 됨
    • 동접자 수가 많은 웹 사이트의 경우 서버에 과부하를 주게 되므로 성능 저하의 요인이 된다
  • 클라이언트가 Request를 보내면, 해당 서버의 엔진이 클라이언트에게 유일한 ID를 부여하는데 이것이 세션 ID 이다
<?php

    $secure = true; // if you only want to receive the cookie over HTTPS
    $httponly = true; // prevent JavaScript access to session cookie
    $samesite = 'lax';

    if(PHP_VERSION_ID < 70300) {
        session_set_cookie_params($maxlifetime, '/; samesite='.$samesite, $_SERVER['HTTP_HOST'], $secure, $httponly);
    } else {
        session_set_cookie_params([
            'lifetime' => $maxlifetime,
            'path' => '/',
            'domain' => $_SERVER['HTTP_HOST'],
            'secure' => $secure,
            'httponly' => $httponly,
            'samesite' => $samesite
        ]);
    }
?>

 

 

세션 동작 방식

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

 

세션 특징

  • 클라이언트마다 고유 ID를 부여
    • 유저 식별 가능
  • 보안 면에서 쿠키보다 우수
  • 사용자가 많아질수록 서버 메모리를 많이 차지하게됨
  • 브라우저가 종료되면 얄짤없이 삭제됨

 

세션 예시

  • 화면을 이동해도 로그인이 풀리지 않고 로그아웃하기 전까지 유지되게 한다

 

참고

https://interconnection.tistory.com/74

https://dev-coco.tistory.com/61

Comments