DevTools 팁: 더 빠른 DevTools 탐색
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
DevTools에서 길을 잃으셨나요? 학습 내용:
- 자주 사용하는 패널과 탭을 창과 페어링하세요.
- 패널과 옵션을 잊어버렸더라도 명령 메뉴를 통해 패널 및 옵션에 액세스할 수 있습니다.
- 자동 레이아웃 변경을 사용 중지합니다.
- DevTools 관련 단축키를 환경설정에 맞춤 설정합니다.
동영상에서 이러한 팁의 실제 동작을 확인하거나 계속 읽어보면서 주요 사항을 확인하세요.
Esc를 눌러 창을 열거나 닫습니다.
도구 더보기를 클릭하여 다른 창 탭을 엽니다.
DevTools 패널과 창 탭을 재정렬하고 창에서 위아래로 움직여 결합합니다.
찾을 수 있는 위치를 잊어버리더라도 명령어 메뉴를 사용하여 검색하고, 명령어를 실행하고, 설정을 전환하고, 패널과 탭을 열 수 있습니다.
DevTools 레이아웃을 auto
에서 항상 horizontal
또는 vertical
로 변경합니다.
DevTools 단축키를 맞춤설정합니다. 설정 > 실험 > 단축키 편집기 사용 설정을 선택합니다.
더 많은 실습을 하려면 DevTools 맞춤설정 튜토리얼을 참고하세요.
자세한 내용은 다음을 참고하세요.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2022-11-10(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]