01 · 먼저 작게 만들기
추가·완료·삭제부터
할 일 하나를 추가하고 완료 표시를 해보세요. 이 버전은 새로고침하면 목록이 사라져요.
처음 버전 실행하기 →하나의 체크리스트, 네 단계
만들고, 고치고,
내 링크로 공유해요.
같은 앱의 동작하는 버전과 오류 버전을 눌러보세요.
바뀐 한 줄을 확인하고, 저장과 배포까지 이어갈 수 있어요.
02 · 같은 오류 다시 보기
버튼이 안 되는 이유 찾기
폼 이름 한 곳에 오타를 넣었어요. 실제 TypeError가 어디서 생기는지 확인하세요.
오류 버전 실행하기 →03 · 작은 수정과 재검사
한 줄을 고치고 다시 눌러보기
연결 이름을 바로잡은 버전이에요. 추가만 고쳐졌는지, 완료·삭제도 유지됐는지 보세요.
수정 버전 실행하기 →바뀐 한 줄 보기04 · 저장과 공유
새로고침해도 남는 목록
같은 사이트·브라우저에서 목록을 보관해요. 다른 기기에는 목록이 동기화되지 않아요.
최종 앱 실행하기 →저장 코드 비교직접 만든 파일을 공개하려면
ZIP의 deploy/index.html이 배포용 파일이에요. 가짜 데이터로 검사한 뒤 본인의 정적 웹 호스팅에 올리고 다른 브라우저에서 열어보세요.
공개 링크 만드는 순서 →기존 체크리스트를 바탕으로 2026-09-07에 다시 구성한 학습용 과정이에요. 실제 초보자의 완료 시간이나 과거 AI 대화 원문을 재현한 자료는 아니에요. 확인 환경은 검증 기록에 있어요.