본문 바로가기

기술면접

18_쿠키, 세션, 웹스토리지의 차이

✅쿠키, 세션, 웹 스토리지는 모두 웹 애플리케이션에서 클라이언트와 서버 간의 데이터를 저장하는 데 사용되는 다양한 메커니즘

✅ 쿠키 (Cookies):


쿠키는 클라이언트 측에 텍스트 형식으로 저장되는 작은 데이터 조각입니다.
주로 사용자 인증, 세션 관리, 사용자 설정 등을 저장하는 데 사용됩니다.
서버에서 생성되어 클라이언트에 저장되며, 설정된 만료일까지 유지됩니다.
쿠키는 도메인 및 경로별로 설정될 수 있으며, 보안 및 개인 정보 보호를 위해 일부 옵션을 설정할 수 있습니다.

 

✅ 세션 (Sessions):


세션은 클라이언트와 서버 간의 상호 작용을 추적하고 유지하는 데 사용됩니다.
일반적으로 세션은 서버 측에서 관리되며, 클라이언트에는 세션 식별자만 저장됩니다.
사용자가 웹 애플리케이션에 접속하면 서버에서 고유한 세션 ID가 생성되고 이 ID는 클라이언트에 쿠키로 저장됩니다.
이후의 요청에서 클라이언트는 세션 ID를 서버로 보내고, 서버에서는 해당 ID를 사용하여 세션 데이터를 식별하고 관리합니다. 세션은 일반적으로 쿠키를 기반으로 하지만, 클라이언트에 저장되는 데이터 양이 쿠키보다 크고, 보안적으로 더 안전합니다.

 

✅ 웹 스토리지 (Web Storage):


웹 스토리지는 HTML5에서 도입된 클라이언트 측 데이터 저장 메커니즘입니다.
로컬 스토리지와 세션 스토리지 두 가지 유형이 있습니다.
로컬 스토리지는 영구적인 데이터 저장을 위해 사용되며, 세션 스토리지는 페이지 세션이 유지되는 동안에만 데이터를 저장합니다. 웹 스토리지는 일반적으로 쿠키보다 용량이 크고, 클라이언트 측에서 JavaScript를 사용하여 데이터에 접근 및 조작할 수 있습니다. 웹 스토리지는 주로 오프라인 애플리케이션 및 웹 애플리케이션의 로컬 데이터 저장에 사용됩니다.
요약하면, 쿠키는 작은 데이터 조각을 클라이언트에 저장하고, 세션은 클라이언트와 서버 간의 상태를 유지하고, 웹 스토리지는 브라우저 측에서 대량의 데이터를 저장하는 데 사용됩니다.