[TECH-QA] 브라우저 저장소

쿠키(Cookie)의 특징과 단점

• 용량 제한: 쿠키는 저장 용량이 약 4KB로 매우 작아 대량의 데이터를 저장하기 어렵습니다.
• 보안 취약성: 쿠키는 기본적으로 암호화되지 않으므로, 데이터가 평문으로 전송되거나 저장될 경우 제3자가 쉽게 접근할 수 있어 정보 도난(예: XSS 공격 등)의 위험이 있습니다.
• 만료 기간 관리: 쿠키는 key-value 형태로 데이터를 저장하며, 개발자가 직접 만료 기간을 설정해야 합니다. 만료 기간이 지나면 자동으로 삭제되지만, 이 과정이 복잡하거나 관리가 소홀해질 수 있습니다.
• 네트워크 부하: 쿠키는 HTTP 요청마다 서버로 자동 전송되므로, 불필요한 데이터 전송이 발생해 성능 저하를 유발할 수 있습니다.

쿠키 보안 고려사항

- HttpOnly: 쿠키에 HttpOnly 속성을 설정하면 자바스크립트를 통한 접근을 차단해 XSS(크로스 사이트 스크립팅) 공격을 방지할 수 있습니다.

- Secure: Secure 속성을 추가하면 HTTPS 연결에서만 쿠키가 전송되어 데이터 도청을 방지합니다.

- SameSite: 이 속성으로 쿠키가 동일 출처 요청에만 전송되도록 설정해 CSRF(크로스 사이트 요청 위조) 공격을 줄일 수 있습니다. 로그아웃: 사용자가 로그아웃하면 서버는 해당 세션 ID를 무효화하고, 브라우저의 쿠키를 삭제하거나 만료시켜 세션을 종료합니다.

웹 스토리지(Web Storage)의 등장

로컬 스토리지 (Local Storage)

• 특징: 데이터를 클라이언트(브라우저)에 영구적으로 저장합니다. 사용자가 데이터를 삭제하거나 브라우저 캐시를 지우지 않는 한 유지됩니다.
• 용도: 자동 로그인 토큰이나 사용자 선호 설정(예: 다크 모드)을 저장하는 데 유용.
• 용량: 약 5~10MB로, 쿠키보다 훨씬 큰 데이터를 저장할 수 있습니다.
• 장점: 만료 기간을 별도로 설정할 필요가 없어 관리가 간편합니다.

세션 스토리지 (Session Storage)

• 특징: 브라우저 탭이 닫히면 데이터가 자동으로 삭제됩니다. 즉, 세션 단위로만 데이터를 유지합니다.
• 용도: 임시 데이터 저장(예: 폼 입력 데이터, 비로그인 장바구니)이나 보안이 중요한 일회성 정보에 적합합니다.
• 용량: 로컬 스토리지와 동일하게 5~10MB를 지원합니다.
• 장점: 세션이 종료되면 자동으로 데이터가 사라지므로, 민감한 정보의 노출 위험이 줄어듭니다.