브라우저 저장소의 차이점

브라우저 저장소의 차이점

브라우저 저장소는 말 그대로, 저장위치가 클라이언트 브라우저인 저장소를 의미한다.
브라우저 저장소는 크게 WebStorage, Cookie로 나뉘는데
여기서, WebStorage는 LocalStorage와 SessionStorage로 나눌 수 있다.

---

LocalStorage

• 영구적, Key-Value 저장 방식
• 저장한 데이터를 삭제하지 않는 이상, 영구적으로 보관 가능.

사용 예시: 자동 로그인, 환경설정과 같은 장기 저장 데이터

SessionStorage

• 비영구적, Key-Value 저장 방식
• 브라우저 창을 닫을 때, 클라이언트에 대한 정보가 삭제.

사용 예시: 입력 폼 정보, 비로그인 장바구니와 같은 임시 저장 데이터

쿠키(Cookie)

• 쿠키 설정 시, 모든 웹 요청에는 쿠키 정보가 포함되어 서버로 전송.
• 만료 날짜/시간, 경로, 도메인 등을 설정하여 유연하게 제어 가능.

사용 예시: 사용자 행동 및 패턴을 분석하여 맞는 페이지를 제공하는 데 사용

---

서버 인증 방식의 차이점

1. 요청 헤더 포함 방식
   • 보안에 매우 취약하므로, 지양해야 함.
2. Session + Cookie 방식
   • 서버가 클라이언트별로 세션을 관리하므로, 비교적 보안성이 높음.
   • 모든 세션 데이터를 저장해야므로 부하가 큼 -> 세션 하이재킹 공격에 취약할 우려.
3. JWT 방식 (토큰 기반 인증 방식)
   • 별도의 브라우저 저장소가 필요 없음.
   • JWT를 발급하고 검증하면 되므로, 서버의 확정성이 우수.
   • 토큰 자체의 데이터 길이가 길다는 단점 있음.

---

✨ 출처

프론트엔드 기술면접. 브라우저 저장소 차이점(local storage, sessin storage, cookie)
Server, JWT(Json Web Token)란?

---