[web] 쿠키와 세션

한지원·2021년 9월 23일
0

[Web]웹 개발 일지

목록 보기
5/6

게시판을 만들면서 유저의 상태나 정보를 세션을 통해 확인하는 것을 보고 세션에 대해 알아보던 중 공부한 내용

HTTP

인터넷 상에서 데이터를 주고 받기 위해 서버-클라이언트 모델을 따르는 프로토골이다.
HTTP는 서버의 자원을 절약하기 위해 연결상태를 유지하지 않고 모든 사용자의 요청마다 연결, 해제의 과정을 거치는 비연결성(Connectionless)과 연결 해제 후 상태 정보가 저장되지 않는 비상태성(Stateless)의 특징이 있다.

이는 같은 사용자가 요청을 여러번 하더라도 이전 사용자를 식별할 수 없어 매번 새로운 사용자로 인식하는 단점이 있다.

HTTP의 비연결성과 비상태성을 보완하여 서버가 클라이언트를 식별하게 해주는 역할을 하는 것이 쿠키와 세션이다.

쿠키와 세션을 이용하면 웹사이트에서 로그인을 한번만 해도 모든 페이지를 이용할 수 있고 브라우저를 종료했다가 재접속 했을때에도 로그인 상태가 유지되는 기능을 사용할 수 있다.

🍪쿠키

쿠키는 웹사이트에 접속할 때 생성되는 정보를 담은 임시 파일이다.
서버가 사용자의 '웹브라우저'인 로컬에 키와 값의 형태로 데이터를 저장하며 문자열의 형태로 이루어져있다.

사용자의 정보를 저장하는 시간을 명시할 수 있으며, 명시한 유효시간이 지나기 전까지는 브라우저가 종료돼도 인증이 유지된다.

클라이언트당 300개까지의 쿠키를 저장할 수 있고, 하나의 도메인당 20개의 값을 가질 수 있다. 하나의 쿠키는 최대 4KB까지 저장한다.

쿠키의 구성 요소는
, , 유효시간, 도메인, 경로 이다.

동작 방식

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

쿠키는 서버를 대신해 정보를 웹브라우저에 저장하기 때문에 브라우저마다 저장되는 쿠키는 다르다.
즉 서버에서는 브라우저가 다르면 다른 사용자로 인식한다.

사용 목적

  1. 세션관리: 로그인, 닉네임, 접속시간 등 서버가 알고있어야하는 정보들을 저장한다.
  2. 개인화: 사용자의 정보에 따라 적절한 페이지를 보여주기 위해 사용
  3. 트래킹: 사용자의 패턴분석 및 기록 후 적절한 컨텐츠 제공에 도움

사용 예시

  1. 로그인 시 아이디, 비밀번호 저장
  2. 쇼핑몰의 장바구니
  3. 자동로그인
  4. 팝업 "오늘 더이상 이 창을 보지 않음" 체크
  5. 최근 검색한 상품 관련 광고 표시

장점

아래에서 설명할 세션과는 달리 쿠키는 서버의 처리나 자원을 지속적으로 필요로하지 않기 때문에 메모리 관리나 요청속도면에서 세션에 비해 우수하다.

단점

웹사이트 방문 정보 및 개인정보가 기록되기 때문에 사생활 침해의 소지가 있고(이때문에 웹브라우저 자체에 쿠키 거부 기능이 있다), request시 스니핑을 당할 우려가 있다.

세션

쿠키의 단점인 보안에 대해 보완해주는 것이 세션이다. 쿠키는 사용자의 정보가 클라이언트 측에 저장되는 것이기 때문에 임의로 고치거나 지울 수 있고 가로채기도 쉽다. 민감하고 중요한 정보를 담기에는 위험하기 때문에 사용자의 정보를 서버(웹 컨테이너)측에 저장하고 관리하는 세션을 사용하기도 한다.

세션은 클라이언트가 서버에 접속해서 종료할 때까지, 즉 사용자가 웹 브라우저를 실행시키고 브라우저를 종료할 때 까지 인증상태를 유지한다. (접속 시간에 제한을 두어 일정 시간이 지난 후 정보를 없애는 설정도 가능하다) 로그아웃 후 다시 로그인을 하면 새로운 사용자로 인식해서 새로운 세션이 부여된다.

클라이언트가 서버에 request를 보내면 해당 서버의 엔진이 클라이언트에게 유일한 id를 부여하는데 이것이 세션id다. 아이디나 닉네임처럼 로그인상태를 유지하는 동안 지속적으로 표시해야하는 정보의 경우에 세션에 담아두면 요청이 있을 때마다 지속적으로 DB에 접속할 필요가 없어 효율적이다.

세션은 쿠키를 기반으로 하고 있지만 사용자 정보를 서버에 두고 있어 사용자가 많아질수록 서버 메모리를 많이 차지하게 된다. 동접자 수가 많은 웹사이트의 경우 서버에 과부하를 줄 수 있고 이는 성능을 저하시키는 요인이 된다.

동작 방식

  1. 클라이언트가 브라우저에 접속 시 서버를 통해 세션 ID를 발급받는다.
  2. 클라이언트는 세션ID를 쿠키를 사용해 저장하고 가지고있는다.
  3. 클라이언트가 서버에 요청을 보낼 때 세션ID와 함께 전달해 사용자별 정보에 접근한다.
  4. 서버는 전달받은 세션ID를 이용해 별 다른 작업 없이 세션ID에 맞는 클라이언트 정보를 가져오고 요청을 처리한 후 응답한다.

사용 예시

  1. 로그인과 같이 보안상 중요한 작업을 수행할 때 사용한다.

쿠키와 세션 비교

저장 위치

쿠키 - 클라이언트의 웹브라우저가 지정하는 메모리 또는 하드디스크
세션 - 서버의 메모리(웹 컨테이너)

저장 형식

쿠키 - 텍스트(string)
세션 - object

리소스(사용되는 자원)

쿠키 - 클라이언트 단에 저장되고 클라이언트 메모리 사용, 서버의 자원은 사용하지 않는다.
세션 - 서버에 저장되고 서버 메모리로 로딩

용량 제한

쿠키 - 한 도메인당 20개, 한 쿠키당 4KB(클라이언트도 모르게 접속되는 사이트에 의해 쿠키가 무분별하게 설정될 수 있기 때문에 해당 문제를 막고자 제한)
세션 - 제한 없음

만료 시점

쿠키 - 지정한 날짜 및 시점
세션 - 설정한 시간이 없다면 로그아웃시 무조건 만료

저장되는 정보

쿠키 - 지워지거나 조작돼도 큰 지장이 없는 수준의 정보 저장
세션 - 다른 누군가에게 노출되면 안되는 정보 저장

대안

세션과 쿠키의 문제점들을 보완한 토큰 기반의 인증 방식을 사용하는 추세이다.
예시) JWT(JSON Web Token)

0개의 댓글