CS 쿠키와 세션, 브라우저 스토리지
목차
- 쿠키와 세션
- 브라우저 스토리지
1. 쿠키와 세션
- HTTP 프로토콜의 특성이자 약점을 보완하기 위해 쿠키 또는 세션을 사용함
- 한번 로그인하면 어떠한 방식에 의해서 그
사용자에 대한 인증을 유지
하게 됨 - HTTP 프로토콜 환경은 connetionless, stateless한 특성으로 클라이언트가 누구인지 매번 확인해야 함
- connectionless(비연결성) : 클라이언트가 요청을 한 후 응답을 받으면 그 연결을 끊어버림
- stateless(무상태) : 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보는 유지하지 않음
쿠키
- 쿠키는 클라이언트(브라우저)
로컬에 저장
되는 키와 값이 들어있는 작은 데이터 파일 - 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지됨
- 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조함
- 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송
- 동작 방식
- 클라이언트가 페이지를 요청
- 서버에서 쿠키를 생성
- HTTP 헤더에 쿠키를 포함 시켜 응답
- 브라우저가 종료되어도 쿠키 만료 기간이 있다면 클라이언트에서 보관하고 있음
- 같은 요청을 할 경우 HTTP 헤더에 쿠키를 함께 보냄
- 서버에서 쿠키를 읽어 이전 상태 정보를 변경 할 필요가 있을 때 쿠키를 업데이트 하여 변경된 쿠키를 HTTP 헤더에 포함시켜 응답
- 사용 예시 : 쇼핑몰 장바구니, 자동로그인
- 쿠키는 클라이언트(브라우저)
세션
- 쿠키를 기반하고 있지만,
서버 측에서 관리
함 - 서버에서는 클라이언트를 구분하기 위해 세션 ID를 부여하며 웹 브라우저가 서버에 접속해서 브라우저를 종료할 때까지 인증상태를 유지함(기간 설정 가능)
- 사용자에 대한 정보를 서버에 두기 때문에 쿠키보다 보안에 좋지만, 사용자가 많아질수록 서버 메모리를 많이 차지함
- 동작 방식
- 클라이언트가 서버에 접속 시 세션 ID를 발급 받음
- 클라이언트는 세션 ID에 대해 쿠키를 사용해서 저장하고 가지고 있음
- 클라리언트는 서버에 요청할 때, 이 쿠키의 세션 ID를 같이 서버에 전달해서 요청
- 서버는 세션 ID를 전달 받아서 별다른 작업없이 세션 ID로 세션에 있는 클라언트 정보를 가져와서 사용
- 클라이언트 정보를 가지고 서버 요청을 처리하여 클라이언트에게 응답
- 사용 예시 : 보안상 중요한 작업을 수행할 때 사용
- 쿠키를 기반하고 있지만,
쿠키와 세션 비교
쿠키 세션 서버의 자원 X 사용자의 정보 저장 위치 서버의 자원 O 보안 우수 우수 요청 속도 설정가능 만료시간 설정은 가능하지만 브라우저 종료시 만료시간에 상관없이 삭제
2. 브라우저 스토리지
- 브라우저 저장소
- 웹 스토리지(Web Storage) : 웹 데이터를 클라이언트에 저장하기 위해 만들어진 키-밸류 형식의 저장소(HTML5에 추가)
- 서버에 저장되지 않고 명시적으로만 전송 가능하기 때문에 서버에 부담이 가지 않음
- 자동 전송의 위험성이 없음
- 넉넉한 용량
- 쿠키(Cookie) : 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어진 키-밸류 형식의 저장소
- 웹 스토리지(Web Storage) : 웹 데이터를 클라이언트에 저장하기 위해 만들어진 키-밸류 형식의 저장소(HTML5에 추가)
- 웹 스토리지
로컬 스토리지(Local Storage)
- 브라우저를 종료해도 데이터를 보관(
영구성
)됨 - 도메인만 같으면
전역적으로 데이터가 공유
됨
- 브라우저를 종료해도 데이터를 보관(
세션 스토리지(Session Storage)
- 브라우저가 종료되면 데이터가 삭제(
비영구성
)됨 - 도메인이 같더라도 브라우저가 다르면(탭, 다른 브라우저) 브라우저 컨택스트가 다르기 때문에 각각의 세션 스토리지가 형성되어
데이터 공유가 되지 않음
- 브라우저가 종료되면 데이터가 삭제(
- 쿠키
- 서버와 클라이언트가
지속적으로 데이터 교환
을 하기 위해 만들어짐 - 4KB의 용량 제한, 한 사이트당 20개의 쿠키
- 만료기한 지정 가능
- 쿠키에 쓸데없는 값이 많다면 그만큼 네트워크 트래픽이 증가
- 서버와 클라이언트가
출처