230907 쿠키, 세션, 웹 스토리지

쿠키(Cookie), 세션(Session), 웹 스토리지(Web Storage)는 모두 웹 브라우저에서 데이터를 저장하고 관리하기 위한 메커니즘이다. 그러나 각각의 특징과 사용 용도에 차이가 있다.

1. 쿠키(Cookie)

• 쿠키는 클라이언트 컴퓨터에 작은 텍스트 파일 형태로 저장하는 방식이다.
• 서버에서 생성하고 클라이언트에 저장되며 만료 기간을 설정할 수 있다.
• 주로 사용자 인증, 세션 관리, 사용자 기본 설정 등에 활용된다.
• 클라이언트와 서버 간의 데이터 교환에 사용되므로 보안상 주의가 필요하다.
• 클라이언트에 300개까지 저장이 가능하며, 하나의 도메인당 20개의 값만 가질 수 있고 쿠키 하나의 저장 용량은 일반적으로 4KB로 제한되어 있다.

2. 세션(Session)

• 세션은 서버에 데이터를 저장하고 클라이언트는 세션 식별자를 쿠키 등으로 전달하여 식별하는 방식이다.
• 서버에서 생성되며, 일반적으로 브라우저가 종료되거나 세션 만료 시간이 지나면 삭제된다.
• 서버 측에 저장되므로 클라이언트는 세션 데이터에 직접 접근할 수 없다.
• 따라서 세션은 쿠키보다 보안성이 높다고 할 수 있다.
• 주로 사용자 인증 정보나 중요한 데이터를 저장하는 데 사용됩니다.
• 하지만 서버 측에 저장되므로 서버 자원을 소비한다.
• 따라서 많은 세션을 동시에 처리해야 할 경우 서버 부하가 증가할 수 있다.

3. 웹 스토리지(Web Storage)

• 웹 스토리지는 클라이언트(브라우저)에 키-값 쌍으로 데이터를 저장하는 방식이다.
• 최소 2MB의 많은 정보를 저장할 수 있다.
• 정보를 저장할 뿐 쿠키처럼 서버에 전송되지 않는다.
• 웹 스토리지는 세션 스토리지와 로컬 스토리지 두 가지 타입이 있다.

• 세션 스토리지 (Session Storage)
• 세션 스토리지는 새창, 새탭의 단위로 스토리지가 생성되며 데이터를 공유하지 않는다.
• 같은 탭이라도 도메인이 다르면 또다른 세션 스토리지가 생성된다.
• 브라우저 세션 동안 데이터가 유지되며, 브라우저를 닫으면 데이터가 삭제된다.

• 로컬 스토리지(local Storage)
• 로컬 스토리지는 도메인 당 1개씩 생성된다.
• 세션 스토리지와 다르게 새창을 띄워도 도메인만 같으면 동일한 데이터를 공유하게 되고 다른 도메인의 로컬 스토리지에는 접근이 불가능하다.
• 로컬 스토리지는 브라우저를 종료하더라도 데이터가 유지되며, 사용자가 직접 삭제하지 않으면 영구적으로 데이터를 저장한다.