[NestJS] 쿠키와 세션이란?

쿠키와 세션을 함께 설명하는 이유:

이 둘의 특징이 비슷하며 차이점이 명확하기 때문에 비교하면서 배우면 습득하기 편함.

 

먼저, 개요부터 봅시다.

---

개요

쿠키란?

쿠키는 브라우저에 휘발성 데이터를 저장하는 방식

 

세션이란?

세션은 서버에 휘발성 데이터를 저장하는 방식

 

 

이 둘은 자주 사용되는 데이터를 빨리 꺼내사용해야 하는 경우 사용됩니다.

 

세션, 쿠키로 사용하는 이유는 뭘까요?

HTTP의 특징 때문입니다.

1. Connectionless(비 연결지향): HTTP의 기본적으로 요청&응답만 하고 끊어버립니다.
2. Stateless(상태정보유지안함): HTTP는 상태정보 저장 안함. 그래서 세션 혹은 쿠키로 데이터를 저장합니다.

쿠키와 세션의 차이

	쿠키	세션
저장 위치	브라우저(로컬)	서버
보안성	낮음	높음
수명	반영구	브라우저 종료시 삭제
속도	빠름	느림

 

쿠키의 Flow

1. 웹 브라우저에서 서버로 요청
2. 상태를 유지하고 싶은 값을 쿠키로 생성
3. 서버가 응답할 때 HTTP 헤더에 쿠키를 포함해서 전송
4. 전달받은 쿠키는 웹 브라우저에서 파일 단위로 저장합니다.
5. 이후에는 이 쿠키를 포함하여 요청

 

세션의 Flow

1. 웹 브라우저가 서버에 요청
2. 서버 내부에서 해당 클라이언트에게 세션 ID를 부여
3. 서버가 응답할 때 HTTP 헤더에 세션 ID를 포함해서 전송
4. 웹 브라우저는 이후 웹 브라우저를 닫기까지 부여된 세션 ID를 기억합니다.
5. 이후에는 세션ID를 포함하여 요청합니다.
6. (브라우저를 종료하면 세션 ID를 삭제합니다.)

 

 

NestJS 쿠키 문서

import * as cookieParser from 'cookie-parser';
// 이니셜라이제이션 파일에 넣으세요.
app.use(cookieParser());

https://docs.nestjs.com/techniques/cookies

Documentation | NestJS - A progressive Node.js framework

 

NestJS 세션 문서

import * as session from 'express-session';
// 이니셜라이제이션 파일에 넣으세요.
app.use(
  session({
    secret: 'my-secret',
    resave: false,
    saveUninitialized: false,
  }),
);

https://docs.nestjs.com/techniques/session

Documentation | NestJS - A progressive Node.js framework

---

참고 자료

• https://chrisjune-13837.medium.com/web-%EC%BF%A0%ED%82%A4-%EC%84%B8%EC%85%98%EC%9D%B4%EB%9E%80-aa6bcb327582
• https://docs.nestjs.com/techniques/cookies
• https://docs.nestjs.com/techniques/session