로컬 스토리지 저장 위치는 어디인가요?
19 조회 수
로컬 스토리지는 window.localStorage에 저장됩니다. 키, 값 저장소이므로 키와 값을 순서대로 저장하면 됩니다. 문자열, 불린, 숫자, null, undefined 등을 저장할 수 있지만 모두 문자열로 변환됩니다.
질문이 있으신가요? 더 보기
로컬 스토리지란 웹 브라우저에 저장되는 데이터로, 사용자가 웹사이트를 나간 후에도 유지됩니다. 로컬 스토리지는 사용자의 세션 기간 동안 웹사이트가 데이터를 저장하고 검색하는 데 사용됩니다.
로컬 스토리지 저장 위치
로컬 스토리지 데이터는 각 브라우저의 특정 위치에 저장됩니다. 일반적으로 다음 디렉토리에 저장됩니다.
- 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() 메서드를 사용하여 문자열로 변환해야 합니다.
- 사이트 제한: 로컬 스토리지는 사용자가 방문한 웹사이트에만 액세스할 수 있습니다. 다른 웹사이트에서 로컬 스토리지 데이터에 액세스할 수 없습니다.
답변에 대한 피드백:
의견을 보내주셔서 감사합니다! 귀하의 피드백은 향후 답변 개선에 매우 중요합니다.