아래는 앞서 생성한 '오늘 할 일 3개' 앱 전체 코드입니다.
Windows Chrome 152에서 실행했으며 기본 추가·체크·삭제·새로고침 복원·완료 항목만 삭제는 정상입니다.
이 기능들과 현재 디자인은 유지해 주세요.
추가 검사에서 관찰한 두 가지를 보강해 주세요. 첫 요청에 구체적으로 넣지 않았던 예외 조건입니다.
1. 중복 방지
재현: '첫 앱 화면 그리기' 입력 → 추가 → 같은 내용을 다시 입력 → 추가.
실제: 같은 내용의 항목 두 개가 생깁니다.
기대: 앞뒤 공백을 제거한 뒤 기존 항목과 같은 내용이면 추가하지 않고 한국어 안내를 표시하세요.
2. 저장 차단 상황
재현: Playwright addInitScript로 window.localStorage getter가 SecurityError를 던지게 설정한 뒤 페이지를 열고 '저장이 막혀도 할 일 추가'를 입력해 추가 버튼을 누릅니다.
실제: 'Storage blocked for reproducible test' 페이지 오류가 나며 항목이 추가되지 않습니다.
원래 HTML을 고친 것이 아니라 브라우저 환경에서 저장 API만 차단한 시험입니다.
기대: 저장할 수 없어도 현재 화면에서는 추가·체크·삭제가 가능해야 합니다. 페이지를 나가거나 새로고침하면 유지되지 않는다는 안내를 항상 보여 주세요.
localStorage 객체 접근, getItem, setItem을 모두 오류 처리 범위에 넣으세요. 저장 읽기는 가능하지만 쓰기가 실패하는 경우도 고려하세요.
완료 조건:
- 기존 저장 키 today-three-todos와 HTML 요소 ID를 유지하세요.
- 최대 3개, 개별 삭제, 완료 항목만 삭제, 정상 저장·복원, 320px 화면을 유지하세요.
- 같은 항목을 두 번 추가하면 한 개만 남고 이유가 표시되어야 합니다.
- 저장 차단 시 임시 항목을 추가하고 체크·삭제할 수 있어야 합니다.
- 잘못된 JSON을 읽어도 페이지가 멈추지 않아야 합니다.
- 사용자 입력을 HTML로 실행하지 마세요.
- 외부 라이브러리·네트워크·서버·로그인·광고는 추가하지 마세요.
도구를 호출하지 말고 수정한 index.html 코드 전체만 출력하세요.
실제로 실행하지 않았다면 테스트했다고 주장하지 마세요.
아래 코드가 수정 대상입니다.
오늘 할 일 3개
오늘 할 일 3개
오늘 꼭 해야 할 일만 간단히 적어 보세요.