HTML - 문제 미리보기
문제 1034
hard
다음 코드에서 Web Storage 지원 여부를 확인하고 데이터를 안전하게 저장하는 올바른 방법은?
```javascript
function saveUserData(name, value) {
// 빈칸을 채워 완성하세요
if (typeof(______) !== "undefined") {
try {
localStorage.______(name, value);
return true;
} catch (e) {
console.error("Storage failed:", e);
return false;
}
} else {
alert("브라우저가 Web Storage를 지원하지 않습니다.");
return false;
}
}
```
```javascript
function saveUserData(name, value) {
// 빈칸을 채워 완성하세요
if (typeof(______) !== "undefined") {
try {
localStorage.______(name, value);
return true;
} catch (e) {
console.error("Storage failed:", e);
return false;
}
} else {
alert("브라우저가 Web Storage를 지원하지 않습니다.");
return false;
}
}
```
정답: B
안전한 Web Storage 사용을 위한 모범 사례입니다:
`typeof(Storage) !== "undefined"`: Web Storage API 지원 확인
• `Storage`는 localStorage와 sessionStorage의 상위 객체
• 구형 브라우저에서는 undefined일 수 있음
`localStorage.setItem(name, value)`: 표준 저장 메서드
• 키-값 쌍으로 데이터 저장
try-catch 블록의 필요성:
• 저장 공간 부족: 5MB 제한 초과 시
• 프라이빗 브라우징 모드: 일부 브라우저에서 저장 차단
• 브라우저 정책: 특정 상황에서 저장 금지
이러한 에러 처리로 안정적인 웹 애플리케이션을 만들 수 있습니다.
`typeof(Storage) !== "undefined"`: Web Storage API 지원 확인
• `Storage`는 localStorage와 sessionStorage의 상위 객체
• 구형 브라우저에서는 undefined일 수 있음
`localStorage.setItem(name, value)`: 표준 저장 메서드
• 키-값 쌍으로 데이터 저장
try-catch 블록의 필요성:
• 저장 공간 부족: 5MB 제한 초과 시
• 프라이빗 브라우징 모드: 일부 브라우저에서 저장 차단
• 브라우저 정책: 특정 상황에서 저장 금지
이러한 에러 처리로 안정적인 웹 애플리케이션을 만들 수 있습니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.