DevTools

8개 레벨

DevTools 스킬 여정을 시작하세요

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

8 레벨 로드맵

단계별 역량 인증

학습 로드맵

8개 레벨

전체 8

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

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

연습 문제

1.
단축키를 사용해 DevTools 창을 열고 닫아 보기
2.
HTML 파일을 브라우저로 열어 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 도구로 웹 페이지 성능과 접근성을 자동 검사할 수 있어요

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