> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Console

> Console을 사용하여 앱의 출력, 오류, 활동 로그를 확인하는 방법을 알아보세요.

Console을 사용하면 실행 중인 Replit App이 출력하는 로그를 실시간으로 모니터링하고 검토할 수 있습니다.
현재 및 이전 실행에서 얻은 정보를 활용하여 앱의 동작을 이해하고,
오류를 해결하며, 성능을 최적화할 수 있습니다.

<Tip>
  Agent를 사용하여 디버깅할 때 컨텍스트를 제공하기 위해 프롬프트에 Console 로그를 포함하세요.
</Tip>

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-tool.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=10bc7c8f00d946be9fb0588bbfbcec8f" alt="screenshot of the Console Project Editor tool" width="2568" height="702" data-path="images/workspace/console-tool.png" />
</Frame>

## 기능

Console은 앱의 동작을 이해하는 데 도움이 되는 다음과 같은 도구를 제공합니다:

* **실시간 로깅**: 앱의 출력을 발생하는 즉시 확인
* **AI 지원**: 로그에 보고된 오류를 수정하기 위한 제안 수신
* **실행 기록**: 이전 실행의 로그를 표시하여 변경 사항 추적

## 사용 방법

Project Editor에서 Console 도구에 직접 접근할 수 있습니다.

<Accordion title="Console에 접근하는 방법">
  왼쪽 **도구 독**에서:

  1. <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-all-tools-button.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=579643854fb13c402de516695e52c554" alt="All tools icon" width="16" height="16" data-path="images/icons/workspace-all-tools-button.svg" /> **All tools**를 선택하여 Project Editor 도구 목록을 확인합니다.
  2. <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/console.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=37f7aafac9aa06f60851eb8fffe9e42d" alt="Console icon" width="16" height="16" data-path="images/icons/console.svg" /> **Console**을 선택합니다.

  **검색 바**에서:

  1. 상단의 <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-search-icon.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=d3feed840da2d19e1ee4873d137114dc" alt="magnifying glass icon" width="16" height="16" data-path="images/icons/workspace-search-icon.svg" /> 돋보기를 선택하여 검색 도구를 엽니다.
  2. "Console"을 입력하여 도구를 찾고 결과에서 선택합니다.
</Accordion>

Replit App에서 **Run** 버튼을 사용할 때마다 Console은 다음 정보가 포함된 새 항목을 표시합니다:

* 코드를 실행한 명령
* 타임스탬프 정보
* 표준 출력 및 오류 로그

다음 스크린샷은 앱을 시작하는 데 사용된 `npm run dev` 명령과 실행에서 나온 로그 메시지를 보여줍니다:

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-log-entry.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=f9204aaf25d9650565f50271f74f41c9" alt="Console log entry showing the command run" width="1948" height="870" data-path="images/workspace/console-log-entry.png" />
</Frame>

<Note>
  HTML, CSS, JS 코드에서 생성된 것과 같은 클라이언트 측 로그는 [Preview](/references/editor/preview) 도구의 개발자 도구에서만 표시됩니다.
</Note>

### AI 기반 디버깅

로그에서 이해하고 싶은 오류나 다른 정보를 발견하면 항목 상단의
**Ask AI** 버튼을 선택하세요. 이렇게 하면 **Agent** 탭이 자동으로 열리고
로그 내용이 분석을 위해 제출됩니다.

### 로그 항목 명령

Console은 로그를 관리하기 위한 다음과 같은 도구를 제공합니다:

* **최신 항목만 표시**: 이 컨트롤을 **켜기** 위치로 전환하면 가장 최근 실행만 표시됩니다.
* **항목 축소**: 명령 이름 왼쪽의 <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/down-arrow.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=56bcbb702af7e7700c87fa23be223a9d" alt="downward arrow icon" height="16" width="16" data-path="images/icons/down-arrow.svg" /> 아래쪽 화살표를 선택하면 로그가 숨겨집니다.
* **이전 실행 지우기**: 이전 실행의 로그를 삭제하려면 선택합니다. 이 작업은 되돌릴 수 없습니다.

### 네트워크 가용성

앱의 개발 버전이 온라인에서 접근 가능한지 제어할 수 있습니다.

개발 URL에 대한 요청 서비스를 중지하려면 네트워크 정보 줄 오른쪽의 <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-off.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=83d1529d18164c45a63fab5e340e1320" alt="network off icon" height="16" width="16" data-path="images/icons/network-off.svg" /> 슬래시가 있는 지구 아이콘을 선택하세요.

활성화하려면 <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-on.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=169c03c9769dde9600939635a8b4a5c3" alt="network on icon" height="16" width="16" data-path="images/icons/network-on.svg" /> 지구 아이콘을 선택하세요.

개발 URL을 보려면 위치 표시줄에서 `{...}.replit.dev` 텍스트를 선택하세요.

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/preview-dev-url.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=d7009e0a58f9d0e36cefa654664231b1" alt="Preview development URL location" width="1222" height="824" data-path="images/workspace/preview-dev-url.png" />
</Frame>

<Note>
  개발 URL에 대한 요청 서비스를 중지하도록 설정하더라도 앱은 Preview 도구에서 계속 접근 가능합니다.
</Note>

### 워크플로우 명령 중지

Console Project Editor 도구에서 실행 중인 워크플로우 명령을 중지할 수 있습니다.

Replit App 실행 명령이 포함된 줄 오른쪽의 정사각형 버튼을 선택하여 종료합니다.

앱을 재시작하려면 Project Editor 상단의 워크플로우 **Run** 버튼을 사용하세요.

## 다음 단계

관련 Project Editor 도구에 대해 더 자세히 알아보려면 다음 리소스를 참조하세요:

* [Preview](/references/editor/preview/): 애플리케이션 테스트 및 Console 출력 확인을 위한 Preview 도구를 탐색하세요
* [Agent](/references/agent/overview/): 코드 도움 및 오류 해결을 위한 Agent에 대해 알아보세요
* [Shell](/references/workspace-tools/shell/): Project Editor에서 명령줄 인터페이스를 사용하는 방법을 알아보세요.