inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

파이널 코딩테스트 : 프론트엔드

playList 컴포넌트 작성

로컬스토리지 예외처리 부분

393

작성자 없음

작성한 질문수 0

1

로컬스토리지 로드&세이브 부분에 예외처리 하신 부분은 어떤 경우에 예외가 생길 수 있나요?

코테 준비 같이 해요!

답변 1

3

Bonfire

안녕하세요! 이연권님!

세이브의 경우에는 특별히 알려진 예외가 존재하는데 특히 모바일을 사용했을 때 발생하는 것으로 알려져 있습니다.

1. 모바일 자체 용량이 가득 차있어 더이상 브라우저가 스토리지 공간을 확보할 수 없는 경우

2. 일부 브라우저에서는 로컬 스토리지의 각 키 값별로 용량 제한이 존재하여 그 한도를 초과하는 경우

3. 옛날 사파리 등에서 개인모드(private mode) 브라우징을 사용한 경우

(3번에 대한 참고글) javascript - QuotaExceededError: Dom exception 22: An attempt was made to add something to storage that exceeded the quota - Stack Overflow

로드 단독으로 알려진 예외에 대해서는 딱히 찾은 것이 없으나, 공통적으로 발생할 수 있는 예외가 리포트되었던 것이 있는데요. 

1. 사용자가 브라우저  설정을 통해 타사 쿠키와 데이터를 사용하지 않음 설정을 하여 로컬스토리지가 비활성화 된 경우

더 자세한 내용이 필요하시다면 해당 아래 글을 참고해주세요!

(참고 MDN) Window.localStorage - Web APIs | MDN (mozilla.org)

(참고 크로뮴 프로젝트) Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document. - The Chromium Projects

해당 프로젝트의 경우에는 작은 규모이기 때문에 굳이 넣어야 하냐고 한다면 넣지 않아도 큰 문제는 없을 것이지만, 버릇처럼 포함시키게 되었습니다.

뮤직플레이>인트로 컴포넌트 작성강의에 관련해서 궁금한게있어서 문의드립니다!

0

357

1

cart 페이지 피그마 로직관련 질문드립니다!

0

467

1

createRootElement가 static인 이유가 무엇인가요?

0

365

1

11번째 파트 강의 정말 잘보고 있습니다!

0

256

1

좋아요 기능 만드는 강의가 완전하지 않아요!

0

275

1

[카드게임] 타이틀 display부분 질문 있습니다!

2

276

1

[카드게임] 카드게임 타이틀 부분 질문있습니다.

0

241

1

git public레포로 코드와 제공해주신 리소스들 올려도되나요?

0

302

1

items

1

341

2

album 컴포넌트 스크립트까지 다 따라 쳤는데 화면에 아예 안뜨네요..ㅜㅜ

0

278

1

SPA 섹션 강의 완성 예정일이 궁급합니다.

0

303

1

다음 구현 부분은 아직 강의 공개가 안된걸까요 ??

0

189

1

추가문제 강의 업로드

0

223

1

강의자료는 어디서 다운받을 수 있나요

0

268

1

index.js를 빼는 이유

1

292

1

파코테4 - 뮤직플레이 화면이 없어지고 li가 떠야하는데 안뜨네요.. 빨간줄이 뜬 부분은 오타가 아닌데 오타라고 뜨고 렌더쪽 문제 해결하는 법을 모르겠네요

0

316

2

reset.css 는 어디에 설정 하나요?

0

481

2

노션 링크 질문입니다.

0

211

1

이미지 하나가 움직임이 좀 부자연스럽

0

281

1

CSS 업데이트 부탁드립니다.

1

184

1

궁금한점이 있어서 질문드립니다!

1

320

2

난이도 별 3개가 많은데 어떤순서가 좋을까요?

2

191

1

질문입니다.

2

225

1

리액트로 구현

1

273

2