JavaScript
언어 및 기초 · 4단계 · 28개 학습 단위
시리즈 목표
상태·이벤트·비동기 흐름을 분리하고 실패 경로를 재현합니다.
선수 지식
HTML 요소와 이벤트
실습 방식과 제공 범위
학습 단위는 날짜가 아닙니다. 설명과 과제를 읽고, 완료 조건을 확인한 뒤 다음 단위로 이동하세요. 각 단위의 예제를 출발점으로 삼아 변수를 바꾸고 결과를 관찰합니다. 내장 실행 예제와 별도 환경이 필요한 과제를 구분해서 표시합니다. 예제를 여는 것만으로 학습을 완료한 것으로 처리하지 않습니다.
기존 단위 ID와 필기는 유지됩니다. 기존 01·02·03 예제는 확장된 학습 순서의 1·14·28번째에 연결되므로 주소의 숫자와 화면의 학습 순서가 다를 수 있습니다.
학습 경로
1단계 · 값과 계산
- 01. 값과 상태 — 편집 가능한 예제
- 02. 문자열 입력과 숫자 변환 — 편집 가능한 예제
- 03. 동등 비교와 기본값 — 편집 가능한 예제
- 04. 분기와 조기 반환 — 편집 가능한 예제
- 05. 함수와 순수 계산 — 편집 가능한 예제
- 06. 스코프와 클로저 — 편집 가능한 예제
- 07. 배열 집계와 빈 입력 — 편집 가능한 예제
2단계 · DOM과 비동기
- 08. 객체 구조 분해와 선택적 접근 — 편집 가능한 예제
- 09. Map과 Set 색인 — 편집 가능한 예제
- 10. 예외와 복구 경로 — 편집 가능한 예제
- 11. DOM 생성과 텍스트 삽입 — 편집 가능한 예제
- 12. 이벤트 전파와 위임 — 편집 가능한 예제
- 13. Promise와 실행 순서 — 편집 가능한 예제
- 14. 비동기와 취소 — 편집 가능한 예제
3단계 · 모듈과 데이터 경계
- 15. Fetch 응답과 HTTP 오류 — 편집 가능한 예제
- 16. 병렬 작업과 부분 실패 — 편집 가능한 예제
- 17. 디바운스와 타이머 정리 — 편집 가능한 예제
- 18. ES 모듈의 공개 경계 — 편집 가능한 예제
- 19. 저장소와 복원 실패 — 편집 가능한 예제
- 20. URL 필터와 뒤로 가기 — 편집 가능한 예제
- 21. FormData와 도메인 검증 — 편집 가능한 예제
4단계 · 기록장 통합과 검증
- 22. Blob으로 JSON 내보내기 — 편집 가능한 예제
- 23. 파일 가져오기와 구조 검사 — 편집 가능한 예제
- 24. 상태 전이와 실행 취소 — 편집 가능한 예제
- 25. 날짜 저장과 지역 표시 — 편집 가능한 예제
- 26. 계산 비용과 작업 분할 — 편집 가능한 예제
- 27. 리스너 정리와 반복 마운트 — 편집 가능한 예제
- 28. 모듈형 실험 기록장 — 편집 가능한 예제
통합 프로젝트와 제출물
추가·검색·필터·JSON 저장과 복원, 자원 정리를 갖춘 모듈형 실험 기록장
구현 코드와 실행 방법, 기준 조건과 변경 조건의 기록, 실패 사례와 복구 방법을 함께 남기세요. 측정하지 않은 성능과 수행하지 않은 테스트는 결과로 기재하지 않습니다.