본문 바로가기

Web | Network

Web - 쿠키와 세션 (Cookie and Session)

 

클라이언트에서 보내는 요청에는 큰 단점이 존재한다. 바로 누가 요청을 보내는지 모른다는 것이다. 물론 요청을 보내는 IP 주소나 브라우저의 정보를 받아올 수는 있다. 그러나 여러 컴퓨터가 공통으로 IP 주소를 가지거나 한 컴퓨터를 여러 사람이 사용할 수도 있기 때문에, 이는 정답이 되지 못할 수도 있다.

 

그렇다면 로그인을 구현하면 되지 않느냐? 맞는 말이다. 그러나 로그인을 구현하기 위해선 쿠키와 세션에 대해 알고 있어야 한다. 가령 로그인한 후에는 새로고침을 해도 로그아웃이 되지 않는다. 이는 클라이언트가 서버에 유저에 대한 정보를 지속적으로 알려주기 때문이다.

 

쿠키 (cookie)

HTTP 프로토콜의 특징은 비연결 (Connectionless) 을 지향하며 상태정보를 유지하지 않는 다는 것 (Stateless) 이다. 연결을 끊는 순간 클라이언트와 서버의 통신은 끝나며, 상태정보를 유지하지 않는다. 그러므로 모든 요청 간 의존 관계가 없다.

 

이는 즉슨 현재 접속한 사용자가 이전에 접속했던 사용자와 같은 사용자인지 서버 입장에서 알 방법이 없다는 것이다. 따라서 클라이언트 입장에서는 매 요청마다 인증을 하게 된다는 단점이 생긴다.

 

따라서 HTTP 프로토콜에서 상태를 유지하기 위해서, 즉 유저가 누구인지 기억하기 위해 서버는 요청에 대한 응답을 할 때 쿠키라는 것을 같이 보낸다. 쿠키는 유효기간이 있으며, 키-값 (예를 들어 name=beomseok 과 같은) 의 쌍이다. 서버로부터 쿠키가 오면 웹 브라우저는 쿠키를 저장해 두었다가 다음에 요청할 때마다 쿠키를 동봉해서 보낸다. 서버는 요청에 들어 있는 쿠키를 읽어서 사용자가 누구인지 파악하면 된다.

 

쿠키는 요청의 헤더에 담겨 전송되며, 브라우저는 응답의 헤더 (Set-Cookie) 에 따라 쿠키를 저장한다. 쿠키에는 클라이언트 상태 정보를 로컬에 저장했다가 참조한다. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해진다면 브라우저가 종료되더라도 인증이 유지된다.

 

쿠키의 사용 예는 다음과 같다.

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

구성요소

쿠키는 다음 구성요소로 이루어져 있다.

  • 쿠키의 이름 (name)
  • 쿠키의 값 (value)
  • 쿠키의 만료시간 (Expires)
  • 쿠키를 전송할 도메인 이름 (Domain)
  • 쿠키를 전송할 경로 (Path)
  • 보안 연결 여부 (Secure)
  • HttpOnly 여부 (HttpOnly)

동작 방식

1. 웹브라우저가 서버에 요청을 보낸다.

 

2. 서버는 상태를 유지하고 싶은 값을 쿠키 (cookie) 로 생성한다.

 

3. 서버가 응답할 때, HTTP 헤더 (Set-Cookie) 에 쿠키를 포함해서 전송한다.

예) Set-Cookie: id=boy

 

4. 전달받은 쿠키는 웹 브라우저에서 관리하고 있다가 다음 요청 때 쿠키를 HTTP 헤더에 넣어서 전송한다.

예) cookie: id=boy

 

5. 서버에서는 쿠키 정보를 읽어 이전 상태 정보를 확인한 후 응답.

 

세션 (session)

세션은 쿠키를 기반으로 하지만 사용자 정보 파일을 브라우저가 아닌 서버 측에서 관리하는 방식이다. 서버에서는 클라이언트를 구분하기 위해서 세션 ID를 부여하여 인증상태를 유지한다. 물론, 접속 시간에 제한을 두어 일정 시간 응답이 없다면 정보가 유지되지 않게 설정이 가능하다.

 

서버는 일정 시간 동안 같은 브라우저로부터 들어오는 요청을 하나의 상태로 보고 그 상태를 유지한다. 즉 웹 브라우저를 통해 서버에 접속한 이후부터 브라우저를 종료할 때까지 유지되는 상태이다.

 

사용자에 대한 정보를 서버에 두기 때문에 쿠키보다 보안이 좋지만, 사용자가 많아질 수록 서버 메모리를 많이 차지하게 되어 동접자가 많을 때 서버에 과부하를 줄 수 있다.

 

세션의 사용 예로는 로그인과 같은 보안 상 중요한 작업을 수행할 때 사용된다.

 

동작 방식

1. 웹 브라우저가 서버에 요청을 보낸다.

 

2. 서버가 해당 웹 브라우저 (클라이언트) 에 유일한 ID (Session ID) 를 부여한다.

 

3. 서버가 응답할 때 HTTP 헤더 (Set-Cookie) 에 Session ID를 포함해서 전송한다 (JSESSIONID라는 이름으로 저장).

예) Set-Cookie: JSESSIONID=xslei13f

 

4. 웹 브라우저는 이후 웹 브라우저를 닫기까지 다음 요청 때 부여된 Session ID가 담겨있는 쿠키를 HTTP 헤더에 넣어서 전송한다.

예) Cookie: JSESSIONID=xslei13f

 

5. 서버는 세션 ID를 확인하고, 해당 세션에 관련된 정보를 확인한 후 응답한다.

 

만약 브라우저가 종료되면 만료시간과 관계 없이 세션 ID는 삭제된다.

 

차이점

1. 쿠키는 클라이언트 측에 정보를 저장하며, 세션은 서버 측에 정보를 저장한다.

2. 세션은 서버 측에 정보를 저장하므로 비교적 보안성이 좋다.

3. 쿠키는 만료시간에 따라 브라우저를 종료해도 계속 남아 있을 수 있는 반면, 세션은 만료시간을 정해도 브라우저가 종료되면 만료시간과 관계없이 삭제된다.

4. 쿠키는 클라이언트에 저장되어 있기 때문에 서버에 요청 시 더 빠르게 요청에 대한 응답이 오지만, 세션은 정보가 서버 측에 있어 서버의 처리가 필요해 쿠키보다 응답이 느리다.

 

 

 

출처

Node.js 교과서 개정 2판 - 길벗, 조현영

https://interconnection.tistory.com/74

https://github.com/WeareSoft/tech-interview/blob/master/contents/network.md#%EC%BF%A0%ED%82%A4%EC%99%80-%EC%84%B8%EC%85%98

'Web | Network' 카테고리의 다른 글

Web - 웹 소켓 (Web Socket) 과 Socket.io  (0) 2022.03.27
Web - CORS (Cross Origin Resource Sharing)  (0) 2022.03.26
Network - TCP와 UDP  (0) 2022.03.23
Web - HTTP 그리고 HTTPS (HTTP and HTTPS)  (0) 2022.03.23
Network - TCP/IP  (0) 2022.03.23