읽기 → 실습 → 문제 → 완료 확인
프런트엔드 개발자 학습
0 / 31개 완료 · 0%
이어서 학습: 브라우저 JavaScript 기본 · HTML 실무: 키보드로 끝까지 사용할 수 있는 검색 폼이 브라우저에 저장합니다. 로그인하면 학습 기록을 동기화합니다.
1단계 · 웹 문서 만들기
키보드만으로 사용할 수 있는 소개 페이지를 만든다.
0 / 8개 완료
- 읽기 브라우저 JavaScript 기본 · HTML 실무: 키보드로 끝까지 사용할 수 있는 검색 폼
- 읽기 브라우저 JavaScript 기본 · CSS 실무: 긴 URL 때문에 모바일 카드가 넘칠 때
- 실습 부트캠프 · 웹 문서 만들기
- 코드패스 문제 코드패스 · 화분 물 주기 달력
- 코드패스 문제 코드패스 · 회의실 빈자리 지도
완료 확인 퀴즈
2단계 · 상호작용 구현
검색과 필터가 작동하는 목록을 만든다.
0 / 8개 완료
- 읽기 브라우저 JavaScript 기본 · 자바스크립트 DOM 다루기 - 요소 선택 생성 수정과 innerHTML 이 위험한 이유
- 읽기 브라우저 JavaScript 기본 · 자바스크립트 이벤트 - addEventListener, 버블링과 이벤트 위임, preventDefault
- 실습 부트캠프 · 상호작용 구현
- 코드패스 문제 코드패스 · 폭염 경보 세기
- 코드패스 문제 코드패스 · 반복 글자 줄이기
완료 확인 퀴즈
3단계 · 서비스 연결
네트워크 실패와 데이터가 없는 경우도 설명하는 화면을 만든다.
0 / 7개 완료
- 읽기 브라우저 JavaScript 기본 · 자바스크립트 fetch 와 JSON - HTTP 에러 처리, CORS 가 막는 것
- 실습 부트캠프 · 서비스 연결
- 코드패스 문제 코드패스 · 빌드 결과 요약
- 코드패스 문제 코드패스 · 로그 레벨 집계
완료 확인 퀴즈
4단계 · 품질과 협업
모바일 화면과 키보드 탐색을 검증하고 변경 이유를 남긴다.
0 / 8개 완료
- 읽기 이벤트 루프·모듈·성능·테스트 · 자바스크립트 테스트와 디버깅 - 개발자 도구 활용과 단위 테스트 작성
- 읽기 코드 리뷰 실무 - 버그를 잡고 팀을 키우는 읽기 · 리뷰를 받는 쪽 - PR 을 리뷰하기 쉽게 만들기
- 실습 부트캠프 · 품질과 협업
- 코드패스 문제 코드패스 · 커밋 메시지 검사
- 코드패스 문제 코드패스 · 설정 파일 괄호 검사