---
title: Web Console
slug: Tools/Web_Console
translation_of: Tools/Web_Console
---
<div>{{ToolsSidebar}}</div><p>웹 콘솔:</p>

<ol>
 <li>로그 정보는 웹페이지와 연관되어 있습니다 : 페이지 컨텍스트 안에서 자바스크립트 코드가 동작하면서 네트워크 요청, 자바스크립트, CSS, 보안 에러들과 에러만큼 많은 경고들, 정보메시지들이  명시적으로 기록됩니다</li>
 <li> 페이지의 컨텍스트 안에서 자바 스크립트 표현식으로 처리된 웹 페이지와의 상호작용을 가능하게 해줍니다</li>
</ol>

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

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter">웹 콘솔 시작하기</a></dt>
 <dd>웹 콘솔 사용을 시작하기 위한 방법</dd>
 <dt><a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter">명령 라인 인터프리터</a></dt>
 <dd>콘솔을 사용하여 문서와 상호작용하기 위한 방법</dd>
 <dt><a href="/en-US/docs/Tools/Web_Console/Split_console">콘솔 나누기</a></dt>
 <dd>다른도구와 함께 콘솔 사용하기</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Web_Console/Console_messages">콘솔 메시지들</a></dt>
 <dd>콘솔 로그의 메시지 세부사항들</dd>
 <dt><a href="/en-US/docs/Tools/Web_Console/Rich_output">Rich output</a></dt>
 <dd>콘솔에 의해 기록된 객체를 보고 상호작용.</dd>
 <dt><a href="/en-US/docs/Tools/Web_Console/Keyboard_shortcuts">단축키</a></dt>
 <dd>단축키 참고</dd>
</dl>
</div>
</div>