일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 네트워크
- 프로젝트캠프
- IT개발캠프
- 리액트
- typescript
- CS
- react
- 웅진씽크빅
- 유데미
- #프로젝트캠프 #프로젝트캠프후기 #유데미 #스나이퍼팩토리 #웅진씽크빅 #인사이드아웃 #IT개발캠프 #개발자부트캠프 #리액트 #react #부트캠프 #리액트캠프
- 자바스크립트
- 개발자부트캠프
- ip
- 타입스크립트
- 해시
- 인사이드아웃
- 스나이퍼팩토리
- html
- App Runner
- React.js
- 프로그래머스
- 프로세스
- 알고리즘
- 메모리
- cs #네트워크
- javascript
- 스레드
- Algorithm
- BFS
- react-query
- Today
- Total
Bin's Blog
쿠키와 세션 본문
쿠키과 세션의 차이가 뭔지 알고 싶어서 이렇게 정리한다.
쿠키
1️⃣ 쿠키란?
👉 쿠키(Cookie)라는 용어의 어원을 보면 웹 브라우저가 활동하면서 남기는 사용자의 자취들이 마치 먹다 떨어뜨린 과자부스러기와 유사한 점에서 비롯했다.
👉 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일이다.
👉 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조한다.
👉 클라이언트에 300개까지 쿠기저장 가능, 하나의 도메인당 20개의 값만 가질 수 있다.
👉 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송한다.
2️⃣ 쿠키의 구성 요소
👉 이름 : 각각의 쿠키를 구별하는 데 사용되는 이름
👉 값 : 쿠키의 이름과 관련된 값
👉 유효시간 : 쿠키의 유지시간
👉 도메인 : 쿠키를 전송할 도메인
👉 경로 : 쿠키를 전송할 요청 경로
3️⃣ 쿠키의 동작 방식
👉 클라이언트가 페이지를 요청(사용자가 웹 사이트 방문)
👉 서버에서 쿠키를 생성한다. HTTP 응답 헤더에 Set-Cookie라는 필드를 추가한다.
👉 브라우저가 종료돼도 쿠키 만료 기간이 있다면 클라이언트에서 보관한다.
👉 같은 요청을 할 경우 HTTP 헤더에 쿠키를 함께 보낸다.
👉 서버에서 쿠키를 읽어 이전 상태 정보를 변경 할 필요가 있을 때 쿠키를 업데이트 하여 변경된 쿠키를 HTTP 헤더에 포함시켜 응답한다.
4️⃣ 쿠키의 사용 예시
👉 쇼핑몰의 장바구니 기능
👉 자동로그인
세션
1️⃣ 세션이란?
👉 세션은 쿠키를 기반으로 하고 있지만, 사용자 정보 파일을 브라우저에 저장하는 쿠키와 달리 세션은 서버 측에서 관리한다.
👉 서버에서는 클라이언트를 구분하기 위해 세션 ID를 부여하며 웹 브라우저가 서버에 접속해서 브라우저를 종료할 때까지 인증상태를 유지한다.
👉 사용자에 대한 정보를 서버에 두기 때문에 쿠키보다 보안적인 측면에서는 뛰어나지만, 사용자가 많아질수록 서버 메모리를 많이 차지하게 된다.
👉 동접자 수가 많은 웹 사이트의 경우 서버에 과부하를 주게 되므로 성능 저하의 요인이 된다.
👉 클라이언트가 Request를 보내면, 해당 서버의 엔진이 클라이언트에게 유일한 ID를 부여하는데 이것이 세션이다.
👉 로그인 같이 보안상 중요한 작업을 수행할 때 사용한다.
2️⃣ 세션의 동작 방식
👉 클라이언트가 서버에 접속 시 세션 ID를 발급 받는다.
👉 클라이언트는 세션 ID에 쿠키를 사용해서 저장하고 가지고 있다.
👉 클라이언트는 서버에 요청할 때, 이 쿠키의 세션 ID를 같이 서버에 전달해서 요청한다.
👉 서버는 세션 ID를 전달 받아서 별다른 작업없이 세션 ID로 세션에 있는 클라이언트 정보를 가져와서 사용한다.
📖 쿠키와 세션의 차이
👉 가장 큰 차이점은 사용자의 정보가 저장되는 위치이다. 쿠키는 서버에 자원을 전혀 사용하지 않으며, 세션은 서버의 자원을 사용한다.
👉 보안 면에서는 세션이 더 우수하고, 요청 속도는 쿠키가 세션보다 빠르다. 그 이유는 세션은 서버의 처리가 필요하기 때문이다.
👉 쿠키는 만료시간을 넉넉하게 잡아두면 쿠키삭제를 할 때 까지 정보가 유지가 되는 반면에 세션은 브라우저가 종료되면 만료시간에 상관없이 종료된다.
👉 세션의 서버의 자원을 사용하기 때문에 무분별하게 사용하면 서버의 메모리가 감당할 수 없어 속도가 느려질 수 있기 때문에 쿠키가 유리한 측면도 있다.
'Web' 카테고리의 다른 글
시맨틱 태그(Semantic Tag)란? (0) | 2023.11.09 |
---|---|
session과 JWT 그리고 OAuth (0) | 2023.09.25 |
웹 브라우저의 동작원리 (0) | 2023.09.22 |
CORS란 무엇일까? (0) | 2023.09.03 |