강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

김성관님의 프로필 이미지
김성관

작성한 질문수

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

할 일 목록을 화면에 표시하기

로컬스토리지 에러

작성

·

29

0

3(index):1 Uncaught (in promise) Error: Access to storage is not allowed from this context.

 

이렇게 뜨는데요.

또 로컬 스토리지 보면

image.png

들어가긴 하거든요? 왜그럴까요

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 김성관님.

질문하신 내용에 대해 해결 방법을 찾는데 도움을 드리겠습니다. 언급하신 오류 메시지 “Access to storage is not allowed from this context”는 보통 동일 출처 정책(Same Origin Policy)과 관련하여 발생할 수 있는 문제입니다. 주로 콘텐츠 스크립트나 웹 워커 등에서 로컬 스토리지에 접근할 때 발생할 수 있습니다.

  • 로컬환경 설정 확인: 개발 중인 환경이 HTTPS를 사용하고 있는지 확인해보세요. 만약 로컬에서 HTTP로 작업 중이라면, 일부 브라우저는 보안 이유로 로컬 스토리지 접근을 제한할 수 있습니다.

  • 브라우저 권한 문제: 브라우저의 개인정보 보호 모드나, 확장 프로그램에 의해 로컬 스토리지 접근이 막힐 수 있습니다. 해당 모드를 꺼보거나 확장 프로그램을 비활성화하고 다시 시도해 보세요.

  • 서비스 워커: 만약 서비스 워커나 다른 웹 워커와 함께 사용 중이라면, 이들이 다른 컨텍스트에서 로컬 스토리지에 접근하려고 할 때 오류가 발생할 수 있습니다. 이런 경우 IndexedDB를 사용하는 것을 고려해보세요.

다음 URL들을 통해 로컬 스토리지와 관련된 유사한 질문 및 답변을 확인해 보실 수 있습니다. 추가 정보가 도움될 수 있는 점 참고해 주세요:

  1. this.$store.state.todoItems 할 때 뜨지 않는 현상(해결 방법)
    • JSON 관련 오류 메시지 처리를 포함한 로컬 스토리지 관련 내용을 다룹니다. 문제 해결의 힌트가 될 수 있습니다.

제가 제공해드린 정보를 바탕으로 문제가 해결되기를 바랍니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

김성관님의 프로필 이미지
김성관

작성한 질문수

질문하기