---
title: Set a breakpoint
slug: Tools/Debugger/How_to/Set_a_breakpoint
translation_of: Tools/Debugger/How_to/Set_a_breakpoint
original_slug: Tools/How_to/Set_a_breakpoint
---
<div>{{ToolsSidebar}}</div><div class="note">
<p>이 페이지는 Firefox 52 이상, Firefox Nightly 및 Firefox Developer Edition에 나타나는 JavaScript 디버거에 대해 설명합니다.</p>

<p>이전 버전의 Firefox 나 Firefox Beta 및 Release에서 어떤 모습인지 보려면 <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger_%28before_Firefox_52%29">Debugger (Firefox 52 이전)</a>를 참조하십시오.</p>

<p>이 버전의 디버거를 가져와 이전 버전으로 다시 전환해야하는 경우 about:config를 url에 입력하여 "devtools.debugger.new-debugger-frontend"환경 설정을<code>false</code>로 설정하여 수행 할 수 있습니다.</p>
</div>

<p>중단점을 설정하는 방법은 다음과 같은 세가지 방법이 있습니다:</p>

<ul>
 <li><a href="/ko/docs/Tools/Debugger/UI_Tour#소스_창(Source_pane)">소스 창(source pane)</a> 내에서, 중단점을 원하는 지점의 줄번호(line number)를 클릭하여 중단점을 설정할 수 있습니다.</li>
 <li><a href="/ko/docs/Tools/Debugger/UI_Tour#소스_창(Source_pane)">소스 창(source pane)</a> 내에서,중단점을 원하는 지점의 줄번호에서 마우스 오른쪽 클릭하여 바로가기 메뉴의"중단점 추가"를 클릭하여 중단점을 설정할 수 있습니다.</li>
 <li><a href="/ko/docs/Tools/Debugger/UI_Tour#소스_창(Source_pane)">소스 창(source pane)</a> 내에서, 중단점을 원하는 지점의 부분에 커서를 놓고 단축키Ctrl+B (Windows/Linux) 또는 Command+B (Mac OS X)를 눌러서 중단점을 설정할 수 있습니다.</li>
</ul>

<p>아래 비디오는 바로가기 메뉴(context menu)를 사용하여 중단 점을 설정합니다:</p>

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

<p>각 중단점은 디버거의 두 위치에 표시됩니다:</p>

<ul>
 <li><a href="/ko/docs/Tools/Debugger/UI_Tour#중단점_목록(Breakpoint_list)">중단점 목록</a>에는 중단점의 파일 이름과 줄번호가 표시됩니다.</li>
 <li><a href="/ko/docs/Tools/Debugger/UI_Tour#소스_창(Source_pane)">소스 창(source pane)</a>내에서 중단점은 파란색 화살표, <a href="/ko/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">조건부 중단점</a>은 주황색 화살표로 표시됩니다.</li>
</ul>