[네트워크] HTTP 특성을 보완한 쿠키와 세션

 

시작하기 전 ...

회사에서는 B2B 서비스이고 폐쇄망이었기 때문에 세션과 쿠키만 사용했었는데 최근 spring security를 사용해 볼 기회가 생겼다

근데 이제 너무 당연하게 세션, 쿠키를 사용해서 막상 떠올리면 정의를 내리는데 모호했던,, 지금부터 정의하고 알면되지 !!!!! 

스프링 시큐리티와 Jwt를 정리하기전에 쿠키와 세션을 짚고 넘어가보자!!!

 

 

그럼 쿠키와 세션은 무엇인지, 언제 왜 사용하는지 살펴보자!

 

Goal

1. HTTP 특징과 쿠키와 세션을 사용하는 이유
2. 쿠키(cookie)를 이해한다
3. 세션(session)을 이해한다

 

일단 쿠키와 세션을 이해하기 위해서는 HTTP의 동작과정과 특징을 이해할 필요가 있다.

참고

[네트워크] http 동작과정

 HTTP의 특징  = 쿠키와  세션의 사용 이유

문제

connectionless - 비연결지향

• HTTP는 먼저 클라이언트가 request를 서버에 보내면, 서버는 클라이언트에게 요청에 맞는 response를 보내고 접속을 끊는 특성
  • HTTP1.1에서는 디폴트로 헤더에keep-alive라는 값을 줘서 커넥션을 재활용한다.

stateless - 무상태

• 통신이 끝나면 상태를 유지하지 않는 특징
• 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보는 유지하지 않는 특성

해결

• 위와 같은 특성을 보완하고자 쿠키와 세션을 사용
• 왜냐, 실제로는 데이터 유지가 필요한 경우가 많기 때문
  • ex. 쿠키와 세션을 사용하지 않으면 쇼핑몰에서 옷을 구매하려고 로그인을 했음에도, 페이지를 이동할 때 마다 계속 로그인을 해야 하지만, 쿠키와 세션을 사용하면 로그인 이후 사용자에 대한 인증을 유지한다.
• 따라서, Stateless 경우를 대처하기 위해서 쿠키와 세션을 사용한다.
  • 쿠키와 세션의 차이점은 크게 상태 정보의 저장 위치이다.
  • 쿠키는 '클라이언트(=로컬PC)'에 저장하고, 세션은 '서버' 에 저장한다

쿠키와  세션 

 쿠키  (Cookie) 

쿠키는 클라이언트(로컬)에 저장되는 키와 값이 들어있는 작은 데이터 파일이다. 이러한 쿠키는 클라이언트에 저장되어 필요시 정보를 참조하거나 재사용할 수 있다.

 

특징

• 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징이 있습니다.
• 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조한다 = 서버에 저장 x
• 클라이언트에 300개까지 쿠키저장 가능, 하나의 도메인당 20개의 값만 가질 수 있음, 하나의 쿠키값은 4KB까지 저장
• Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키 생성 가능
• 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송
• 요청속도는 세션보다 빠르다 - 서버 처리가 필요없기 때문

동작 순서

1. 클라이언트가 페이지를 요청한다. (사용자가 웹사이트 접근)
2. 웹 서버는 쿠키를 생성한다.
3. 생성한 쿠키에 정보를 담아 HTTP 화면을 돌려줄 때, 같이 클라이언트에게 돌려준다.
4. 넘겨 받은 쿠키는 클라이언트가 가지고 있다가(로컬 PC에 저장) 다시 서버에 요청할 때 요청과 함께 쿠키를 전송한다.
5. 동일 사이트 재방문시 클라이언트의 PC에 해당 쿠키가 있는 경우, 요청 페이지와 함께 쿠키를 전송한다.

사용 예시

• 방문했던 사이트에 다시 방문 하였을 때 아이디와 비밀번호 자동 입력
• 팝업창을 통해 "오늘 이 창을 다시 보지 않기" 체크

 세션  (Session) 

세션은 일정 기간 동안 같은 사용자(클라이언트)로 부터 들어오는 일련의 요구를 하나의 상태로 보고 그 상태를 일정하게 유지시키는 기술이다. 세션은 쿠키를 기반으로 하지만 쿠키와 다르게 서버 측에서 저장하고 관리한다.

서버는 세션 ID를 이용해 클라이언트를 구분하며, 웹 브라우저가 서버에 접속해 브라우저를 종료할 때까지 세션을 유지한다.

즉, 방문자가 웹 서버에 접속해 있는 상태를 하나의 단위로 보고 그것을 세션이라고 한다.

특징

• 웹 서버에 웹 컨테이너의 상태를 유지하기 위한 정보를 저장
• 서버에 저장이 되므로 서버의 자원을 사용한다.
  
  • 보안면에서 세션이 우수하다. 쿠키는 로컬에 저장되므로 변조의 가능성이 있다.
  • 서버에 요청을 보내는 사용자가 많을 경우 세션은 부하가 심할 수 있다.

• 세션은 쿠키를 이용해 쿠키에 세션 ID만 저장하고 서버에서 세션을 처리하기 때문에 비교적 보안성이 좋다.
• 세션은 브라우저가 종료되면 만료시간에 상관없이 삭제된다.

동작 순서

1. 클라이언트가 페이지를 요청한다.
2. 서버는 접근한 클라이언트의 Request-Header 필드인 Cookie를 확인하며, 클라이언트가 해당 session-id를 보냈는지 확인한다.
3. session-id가 존재하지 않는 경우, 서버는 session-id를 생성하여 클라이언트에게 돌려준다.
4. 서버에서 클라이언트로 돌려준 session-id를 쿠키를 사용해 서버에 저장한다. (쿠키 이름 : JSESSIONID)
5. 클라이언트 재접속 시, JSESSIONID를 이용하여 session-id값을 서버에 전달한다.

사용 예시

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

 

 

 

참고

https://interconnection.tistory.com/74#:~:text=%EC%BF%A0%ED%82%A4%EC%99%80%20%EC%84%B8%EC%85%98%EC%9D%98%20%EC%B0%A8%EC%9D%B4,-%EC%BF%A0%ED%82%A4%EC%99%80%20%EC%84%B8%EC%85%98&text=%EA%B0%80%EC%9E%A5%20%ED%81%B0%20%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80%20%EC%82%AC%EC%9A%A9%EC%9E%90,%EA%B0%80%20%EC%84%B8%EC%85%98%EB%B3%B4%EB%8B%A4%20%EB%8D%94%20%EB%B9%A0%EB%A6%85%EB%8B%88%EB%8B%A4.

https://hahahoho5915.tistory.com/32

https://code-lab1.tistory.com/298