로컬 스토리지 저장 위치는 어디인가요?

19 조회 수

로컬 스토리지는 window.localStorage에 저장됩니다. 키, 값 저장소이므로 키와 값을 순서대로 저장하면 됩니다. 문자열, 불린, 숫자, null, undefined 등을 저장할 수 있지만 모두 문자열로 변환됩니다.

피드백 0 좋아요 수

로컬 스토리지란 웹 브라우저에 저장되는 데이터로, 사용자가 웹사이트를 나간 후에도 유지됩니다. 로컬 스토리지는 사용자의 세션 기간 동안 웹사이트가 데이터를 저장하고 검색하는 데 사용됩니다.

로컬 스토리지 저장 위치

로컬 스토리지 데이터는 각 브라우저의 특정 위치에 저장됩니다. 일반적으로 다음 디렉토리에 저장됩니다.

  • Chrome: %USERPROFILE%AppDataLocalGoogleChromeUser DataDefaultLocal Storage
  • Firefox: %APPDATA%MozillaFirefoxProfilesDEFAULTwebappsstore.sqlite
  • Edge: %USERPROFILE%AppDataLocalMicrosoftEdgeUser DataDefaultLocal Storage
  • Safari: ~/Library/Safari/LocalStorage

이러한 디렉토리에서는 로컬 스토리지 데이터가 “loki” 파일로 저장됩니다. “loki” 파일은 암호화된 바이너리 형식으로 데이터를 저장합니다.

로컬 스토리지 데이터 구조

로컬 스토리지 데이터는 키-값 쌍으로 저장됩니다. 다음은 로컬 스토리지에 데이터를 저장하는 간단한 JavaScript 코드입니다.

localStorage.setItem("username", "john.doe");

위 코드는 “username” 키에 “john.doe” 값을 저장합니다. 로컬 스토리지에서 데이터를 검색하려면 다음 코드를 사용할 수 있습니다.

const username = localStorage.getItem("username");

username 변수에는 이제 “john.doe” 값이 할당됩니다.

로컬 스토리지 제한 사항

로컬 스토리지에는 몇 가지 제한 사항이 있습니다.

  • 저장 크기 제한: 브라우저마다 로컬 스토리지에 저장할 수 있는 데이터 크기 제한이 있습니다. 일반적으로 5MB에서 10MB 사이입니다.
  • 오직 문자열 저장 가능: 로컬 스토리지에는 오직 문자열만 저장할 수 있습니다. 다른 데이터 유형(예: 객체, 배열)을 저장하려면 JSON.stringify() 메서드를 사용하여 문자열로 변환해야 합니다.
  • 사이트 제한: 로컬 스토리지는 사용자가 방문한 웹사이트에만 액세스할 수 있습니다. 다른 웹사이트에서 로컬 스토리지 데이터에 액세스할 수 없습니다.
#로컬저장 #스토리지위치 #저장위치