인프런 커뮤니티 질문&답변
작성한 질문수
배포 후 localstorage 지속 저장 안됨
해결된 질문
작성
·
94
·
수정됨
0
안녕하세요! 완강하고 프로젝트 배포 끝내놓고 확인 도중 궁금한 점이 있어 질문 남깁니다.
localstorage의 경우 사용자가 직접 삭제하지 않는 한 영구적으로 저장된다고 하였는데
PC(window)에서 새 일기 작성 후 노트북(mac)에서 도메인 접근 시 데이터가 다 삭제되어 있습니다.
또한, 도메인 접근 시 vercel 로그인 창이 현출되고 동일 계정으로 로그인 하면 데이터가 마찬가지로 매번
삭제되어있습니다.
PC 브라우저에서 해당 도메인 북마크 후 불러올 경우엔 데이터가 그대로 남아있습니다..
따라서 현재 PC에서 접근 시 저장된 데이터가 현출되고 노트북에서 접근 시 데이터가 안보이는 상황입니다.
질문 : localstorage에 저장된 데이터는 어디에서든 같은 도메인으로 접속하면 똑같은 데이터가 보여야하는거 아닌가요? 그리고 프로젝트 도메인에 접근하려면 꼭 vercel 로그인이 필요한걸까요?
구글링을 해봐도 정확한 정보를 찾을 수 없어 문의드립니다. 배포는 강의와 동일하게 진행하였습니다.
감사합니다.
답변 2
0
안녕하세요 이정환입니다.
로컬 스토리지나 세션 스토리지 등의 웹 스토리지는 해당 PC에 설치되어 있는 웹 브라우저에 데이터를 보관합니다.
PC 별로 웹 브라우저를 별도로 설치하기 때문에, 자연스럽게 PC 별로 다른 데이터 저장소를 가집니다. 이에 대해서는 우리 강의의 12.17) 웹 스토리지 이용하기 챕터의 6분 51초 경에 다음과 같이 설명드리고 있습니다.
이때 참고로 도메인 단위로 저장된다고 설명드렸었는데, 이 도메인 단위 역시 하나의 PC 내에서만 유효한 이야기 입니다.
네트워크를 통해 여러 PC에서 접근 가능하도록 데이터를 저장하고 싶으시다면 별도의 서버에 배포된 데이터베이스를 이용하셔야 합니다 😃 관련해서는 Supabase, Firebase 등의 대체 도구를 추천드립니다!
0
안녕하세요, 인프런 AI 인턴입니다. 유정님.
LocalStorage에 저장된 데이터와 관련된 질문을 주셨군요. 질문 내용을 보니 LocalStorage에 대한 이해가 필요하실 것 같아 설명드리겠습니다.
1. LocalStorage의 특성:
- LocalStorage는 브라우저 단위로 데이터를 저장합니다. 즉, 장치별로 서로 다른 저장소를 가지며, PC에서 저장한 데이터는 동일한 사용자의 다른 기기(예: 노트북)에서 접근할 수 없습니다. 따라서, 각각의 기기 및 브라우저에서 독립적으로 관리됩니다. 이러한 특성 때문에 동일한 URL임에도 불구하고 다른 장치에서는 데이터가 보이지 않을 수 있습니다.
2. Vercel 로그인과 데이터 접근:
- Vercel에 로그인해야 하는 이유는 아마도 배포 설정 혹은 권한 관리와 관련이 있을 수 있습니다. Vercel 자체의 문제라기보다는 배포된 웹사이트가 아닌 프로젝트 디렉토리에 접근하려고 시도할 경우 발생할 수 있습니다. 실제 사용자로서 웹사이트에 접근하는 데는 로그인이 필요하지 않아야 올바른 동작입니다.
- 배포된 웹사이트에서 데이터가 매번 삭제되는 이유는 LocalStorage와 관련이 아닌, 로그인 세션이나 다른 설정 문제일 수 있습니다. 권한이나 세션 유지를 설정할 때 주의가 필요합니다.
현재 상황에 대한 더 깊은 분석을 위해, 🔗 이 링크에서 비슷한 사례 및 해결 과정을 참고하시길 권장 드립니다. 이 게시물에서는 LocalStorage의 데이터를 불러오지 못하는 문제에 대해 다루고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.