Devin.KR

읽기 → 실습 → 문제 → 완료 확인

프런트엔드 개발자 학습

0 / 31개 완료 · 0%

이어서 학습: 브라우저 JavaScript 기본 · HTML 실무: 키보드로 끝까지 사용할 수 있는 검색 폼

이 브라우저에 저장합니다. 로그인하면 학습 기록을 동기화합니다.

1단계 · 웹 문서 만들기

키보드만으로 사용할 수 있는 소개 페이지를 만든다.

0 / 8개 완료

  1. 읽기 브라우저 JavaScript 기본 · HTML 실무: 키보드로 끝까지 사용할 수 있는 검색 폼
  2. 읽기 브라우저 JavaScript 기본 · CSS 실무: 긴 URL 때문에 모바일 카드가 넘칠 때
  3. 실습 부트캠프 · 웹 문서 만들기
  4. 코드패스 문제 코드패스 · 화분 물 주기 달력
  5. 코드패스 문제 코드패스 · 회의실 빈자리 지도
완료 확인 퀴즈
폼 입력과 설명을 연결하는 요소는?

기본 박스 모델에서 padding은?

키보드 접근성을 확인하는 방법은?

2단계 · 상호작용 구현

검색과 필터가 작동하는 목록을 만든다.

0 / 8개 완료

  1. 읽기 브라우저 JavaScript 기본 · 자바스크립트 DOM 다루기 - 요소 선택 생성 수정과 innerHTML 이 위험한 이유
  2. 읽기 브라우저 JavaScript 기본 · 자바스크립트 이벤트 - addEventListener, 버블링과 이벤트 위임, preventDefault
  3. 실습 부트캠프 · 상호작용 구현
  4. 코드패스 문제 코드패스 · 폭염 경보 세기
  5. 코드패스 문제 코드패스 · 반복 글자 줄이기
완료 확인 퀴즈
사용자 문자열을 텍스트로 표시하는 속성은?

배열에서 조건에 맞는 원소만 모으는 메서드는?

이벤트 처리 함수를 등록하는 메서드는?

3단계 · 서비스 연결

네트워크 실패와 데이터가 없는 경우도 설명하는 화면을 만든다.

0 / 7개 완료

  1. 읽기 브라우저 JavaScript 기본 · 자바스크립트 fetch 와 JSON - HTTP 에러 처리, CORS 가 막는 것
  2. 실습 부트캠프 · 서비스 연결
  3. 코드패스 문제 코드패스 · 빌드 결과 요약
  4. 코드패스 문제 코드패스 · 로그 레벨 집계
완료 확인 퀴즈
fetch에서 HTTP 404 응답을 받았을 때 확인할 값은?

로딩과 빈 결과를 구분하는 까닭은?

JSON 응답 본문을 파싱하는 메서드는?

4단계 · 품질과 협업

모바일 화면과 키보드 탐색을 검증하고 변경 이유를 남긴다.

0 / 8개 완료

  1. 읽기 이벤트 루프·모듈·성능·테스트 · 자바스크립트 테스트와 디버깅 - 개발자 도구 활용과 단위 테스트 작성
  2. 읽기 코드 리뷰 실무 - 버그를 잡고 팀을 키우는 읽기 · 리뷰를 받는 쪽 - PR 을 리뷰하기 쉽게 만들기
  3. 실습 부트캠프 · 품질과 협업
  4. 코드패스 문제 코드패스 · 커밋 메시지 검사
  5. 코드패스 문제 코드패스 · 설정 파일 괄호 검사
완료 확인 퀴즈
재현 가능한 실행 안내에 필요한 것은?

리뷰 요청에 변경 이유를 적는 까닭은?

버그 수정 테스트의 좋은 기준은?