DevTools

8개 레벨

DevTools 스킬 여정을 시작하세요

8개의 레벨을 통해 체계적으로 학습하고, 커리어 성장의 기반을 다지세요.

8 레벨 로드맵

단계별 역량 인증

학습 로드맵

8개 레벨

전체 8

Lv 1. DevTools를 열고 기본 화면을 다룰 수 있어요

1. 브라우저 설치
2. 웹 페이지 구조 이해
3. DevTools 실행

Lv 2. Elements 패널을 사용해 HTML 구조와 CSS 스타일을 검사하고 수정할 수 있어요

Lv 3. Console 패널에서 로그를 출력하고 간단한 JavaScript 코드를 실행할 수 있어요

Lv 4. Sources 패널에서 브레이크포인트를 설정하고 코드 흐름을 디버깅할 수 있어요

로그인하고 더 많은 레벨을 확인하세요

Lv 5. Network 패널을 사용해 네트워크 요청과 응답을 분석할 수 있어요

Lv 6. Performance 패널을 통해 페이지 성능을 측정하고 병목 구간을 찾을 수 있어요

Lv 7. Application 패널에서 저장소와 캐시를 관리할 수 있어요

Lv 8. Lighthouse 도구로 웹 페이지 성능과 접근성을 자동 검사할 수 있어요

이 스킬로 지원할 수 있는 채용공고