본문 바로가기
IT/Frontend

Cookie, Session

by FreeYourMind 2022. 3. 9.

 

Cookie

- HTTP 통신 시, 서버가 Client를 매번 확인해야 하는 점을 보완하기 위해 내용을 임시 저장

- 사용자의 정보를 Browser(Local)에 저장

- 사용자가 접속을 끊어도 정보 유지 가능 (Local에 저장되기 때문, 해당 정보의 만료기간이 지나면 사라짐)

- Response Header에 Set-Cookie 속성을 사용하여 생성

- ex) 자동 로그인, '오늘 더 이상 이 창을 보지 않음', 장바구니 기타 등등

 

Session 

- HTTP 통신 시, 서버가 Client를 매번 확인해야 하는 점을 보완하기 위해 내용을 임시 저장

- 사용자 정보를 서버에 저장

- ex) 화면 전환 간 로그인 상태 유지

 

HTTP Protocol 특징

1. Connectionless : 요청에 응답하면 연결이 바로 끊어짐

2. Stateless : 연결이 끊어지면 Server - Client 간의 상태 정보를 유지하지 않음

 

Cache

- 웹 페이지를 빨리 전달하기 위한 임시 저장소 -> Rendering이 빨라짐

- 웹 페이지 요청이 오면 Element들을 Cache에 복사하여 다음 요청부터는 서버를 거치지 않고 사용자 PC의 Cache에서 바로 응답을 할 수 있도록 함

 

- Session만 사용할 경우, 서버의 자원 낭비가 심해지고 성능이 저하될 수 있음

- 사용자 정보를 서버에 두기 때문에 보안은 Session이 우수함

- 사용자 정보를 속도는 Cookie가 더 빠름

- Cache는 웹 페이지를 Rendering을 빠르게 하도록 도와줌, Cookie/Session은 사용자의 인증 정보를 저장하여 재인증을 일정 기간동안 보류시킴

 

 

출처

https://interconnection.tistory.com/74

https://hahahoho5915.tistory.com/32

https://dev-coco.tistory.com/61

 

'IT > Frontend' 카테고리의 다른 글

OAuth 란?  (0) 2022.02.18
SSO(Single Sign On) 란?  (0) 2022.02.18
PWA(Progressive Web App)란?  (0) 2021.12.05

댓글