배포 후 localstorage 지속 저장 안됨
안녕하세요! 완강하고 프로젝트 배포 끝내놓고 확인 도중 궁금한 점이 있어 질문 남깁니다.
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의 데이터를 불러오지 못하는 문제에 대해 다루고 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
useEffect와 lifecycle문의
0
28
2
프론트엔드 학습 수준 문의
0
39
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
48
2
데이터 로딩중 화면만 계속 나와요!!
0
55
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
79
2
이후의 커리큘럼 문의
0
102
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
50
2
최적화 관련 질문있습니다 (useMemo 등)
0
84
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
82
3
Date 객체에 관련하여 질문드립니다.
0
85
2
리액트 개정판 교재 질문
0
60
2
예제코드가 안나와요!
0
78
2
select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com
0
108
2
onMouseEnter 관련 문의 드립니다
0
92
3
배열의 렌더링 관련 질문 드립니다.
0
73
2
2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.
0
113
2
TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?
0
136
2
useCallback 적용한 onCreate, onUpdate, onDelete 함수..
0
70
1
vs code 자동완성관련 문의
0
113
2
91강 useEffect내에서 상태변화함수 호출시 발생하는 에러
1
179
2
87강 필터 함수 질문
0
69
2
useRef, useState count 비교
0
67
2
안된다고했던 이유가 무엇이었는지 모르겠습니다
0
90
2
85강에서 객체를 왜 클래스로 만들어서 new 하지 않는건지 궁금합니다.
0
75
2