createElement
'sessionStorage' 태그의 글 목록

sessionStorage

Javascript

SessionStorage를 이용해 캐시 구현하기

🤔 캐시를 구현하는 이유 특정 값의 데이터를 저장해두면 이후에 그 특정 값에 대한 데이터가 필요할 경우, 요청을 보내지 않고 저장된 데이터를 가져와 바로 사용할 수 있고 불필요한 요청을 줄일 수 있다는 이점이 있다. 🖱️ 구현 방법 특정 값에 대한 데이터를 SessionStorage에 저장하여 구현할 수 있다. SessionStorage를 사용하는 이유는 브라우저가 닫히기 전까지 데이터가 유지된다. 만약 영구적으로 데이터를 저장하고 싶다면 LocalStoage를 사용할 수 있다. 구현은 정말 간단하다!!! import { getItem, setItem } from "./storage.js"; const $root = document.querySelector(".root"); const $input = d..

Web

Cookie vs localStorage vs sessionStorage

🍪 Cookie 쿠키는 브라우저에 저장되는 작은 크기의 문자열로, RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부이다. 특징은 다음과 같다. - 키-값의 저장 - 클라이언트 식별과 같은 인증에 많이 쓰인다. - 4KB 용량 제한을 갖는다. - 웹 서버에 의해 생성되며 서버가 HTTP 응답 헤더의 Set-Cookie에 내용을 넣어 전달하면 브라우저는 이 내용을 자체적으로 브라우저에 저장된다. - 매 서버 요청마다 쿠키도 함께 전송된다. 만약 쿠키 사이즈가 커지면 HTTP 요청 크기도 커진다. - 쿠키 조작 방지를 위해 httpOnly를 설정하는 것이 좋다. - 보통 브라우저를 닫는 순간 없어지며 유효 기간을 설정할 수도 있다. 🤔 왜 서버에 쿠키가 같이 전송될까? HTTP 요청은 상태를 갖지 않는..