---
title: 디버거
slug: Tools/Debugger
translation_of: Tools/Debugger
---
<div>{{ToolsSidebar}}</div><p>자바스크립트 디버거는 당신이 자바스크립트 코드를 단계별로 통과하는 것을 가능하게 하고 코드의 버그들을 찾는 것을 돕기 위해 상태를 검사 하거나 수정할 수 있도록 해줍니다.</p>

<p>파이어폭스에서 코드를 디버그 하기 위해 지역적으로 혹은 원격으로 디버거를 사용할 수 있습니다. 예를 들어, 파이어폭스 OS 장치 혹은 안드로이드용 파이어폭스를 원격으로 디버깅 할 수 있습니다. <a href="/ko/docs/Tools/Remote_Debugging">원격 디버깅 </a>을 확인해보면 원격 타겟에 디버거를 연결하는 방법을 배울 수 있습니다.</p>

<p>{{EmbedYouTube("sK8KU8oiF8s")}}</p>

<hr>
<h2 id="사용자_인터페이스_투어">사용자 인터페이스 투어</h2>

<p>디버거에 대해서 알아보려면, <a href="/ko/docs/Tools/Debugger/UI_Tour">UI 퀵 투어</a> 를 통해 알 수 있습니다.</p>

<hr>
<h2 id="방법">방법</h2>

<p><span class="short_text" id="result_box" lang="ko"><span>디버거를 사용하여 수행 할 수있는 작업을 확인하려면 다음 사용 설명서를 참조하십시오</span></span> :</p>

<p> </p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Open_the_debugger">디버거 열기</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Set_a_breakpoint">중단점 설정</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Disable_breakpoints">중단점 비활성화</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Step_through_code">단계별 코드 수행</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Break_on_a_DOM_event">DOM 이벤트에 브레이크</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Highlight_and_inspect_DOM_nodes">DOM 노드들에 표시하고 조사</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">간소화(Minified)된 파일 예쁘게 출력</a></dt>
 <dd> </dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Search">검색과 필터</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">조건부 중단점 설정</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Examine,_modify,_and_watch_variables">검사, 수정, 그리고 변수들 관찰</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Use_a_source_map">소스맵 사용</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Black_box_a_source">특정 소스에 대해 블랙박스화 하기</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Debug_eval_sources">eval 소스코드 디버그</a></dt>
 <dd> </dd>
 <dt><a href="/ko/docs/Tools/Debugger/How_to/Access_debugging_in_add-ons">에드온에서 디버깅 접근</a></dt>
 <dd> </dd>
</dl>
</div>
</div>

<p> </p>

<hr>
<h2 id="참조">참조</h2>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/ko/docs/Tools/Debugger/Keyboard_shortcuts">키보드 단축키</a></dt>
 <dd> </dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/ko/docs/Tools/Debugger/Settings">설정</a></dt>
 <dd> </dd>
</dl>
</div>
</div>

<p> </p>