u_ju
우주의 우당탕탕개발일지
u_ju
전체 방문자
오늘
어제
  • 분류 전체보기 (118)
    • 팀 프로젝트 (2)
    • 내배캠 WIL & TIL (91)
    • JS (0)
    • React (1)
    • CS (23)
    • Next (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 배열#함수
  • 코딩#바보#오류투성이#팀프로젝트
  • Component를 처음 선언하는 것을 Mount 라고 한다던데...?#props #state
  • 회의감#현타#나름뿌듯#고민거리#코딩#IT#CSS#JS
  • 일요일 오늘은 내가 바로 함수만들기 요리사 !

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
u_ju

우주의 우당탕탕개발일지

CS

브라우저 저장소 차이(local storage, session storage, cookie)

2023. 3. 31. 13:17

로컬 스토리지(Local Storage), 세션 스토리지(Session Storage), 쿠키(Cookie)는 모두 브라우저 저장소이지만, 각각의 특성과 사용 용도가 다릅니다.

로컬 스토리지(Local Storage):

  • 데이터의 영구적인 보관을 지원합니다.
  • 브라우저마다 저장할 수 있는 데이터의 크기가 다르며, 일반적으로 5MB 이상의 데이터를 저장할 수 있습니다.
  • 클라이언트 측에서 JavaScript를 사용하여 데이터를 읽고 쓸 수 있습니다.
  • 웹 애플리케이션에서 사용자 데이터, 설정 정보, 캐싱된 데이터 등을 저장하기에 적합합니다.

세션 스토리지(Session Storage):

  • 데이터가 브라우저 창이 열려 있는 동안에만 유효합니다. 브라우저 창이 닫히면 세션 스토리지에 저장된 데이터는 삭제됩니다.
  • 로컬 스토리지와 마찬가지로 브라우저마다 저장할 수 있는 데이터의 크기가 다르며, 일반적으로 5MB 이상의 데이터를 저장할 수 있습니다.
  • 로컬 스토리지와 마찬가지로 JavaScript를 사용하여 데이터를 읽고 쓸 수 있습니다.
  • 웹 애플리케이션에서 일시적인 데이터를 저장하기에 적합합니다.

쿠키(Cookie):

  • 클라이언트 측에서 데이터를 저장하는 방법으로, 서버 측에서 생성되어 클라이언트 측에 전송됩니다.
  • 쿠키는 만료 날짜를 지정할 수 있으며, 만료 날짜가 지나면 자동으로 삭제됩니다.
  • 일반적으로 4KB 이하의 데이터를 저장할 수 있습니다.
  • 웹 애플리케이션에서 로그인 정보, 쇼핑몰에서의 장바구니 등을 저장하기에 적합합니다.

쿠키는 보안에 취약하고, 데이터 용량이 작아서 적은 양의 정보만 저장 가능합니다. 반면에 로컬 스토리지와 세션 스토리지는 보안이 더욱 강화되어 있고, 데이터 용량이 크기 때문에 대용량 데이터의 저장이 가능합니다. 따라서, 각각의 특성에 맞게 적절히 사용하는 것이 중요합니다.

'CS' 카테고리의 다른 글

배열, 객체를 const 로 선언했는데 요소, 속성을 추가할 수 있는 이유  (0) 2023.04.04
require와 import차이점  (0) 2023.04.04
this 가 동작하는 원리와 용법  (0) 2023.03.31
Position의 사용방법  (0) 2023.03.30
HTTP와 HTTP 메세지구조  (0) 2023.03.30
    'CS' 카테고리의 다른 글
    • 배열, 객체를 const 로 선언했는데 요소, 속성을 추가할 수 있는 이유
    • require와 import차이점
    • this 가 동작하는 원리와 용법
    • Position의 사용방법
    u_ju
    u_ju

    티스토리툴바