메인 콘텐츠로 건너뛰기

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을 사용하면 실행 중인 Replit App이 출력하는 로그를 실시간으로 모니터링하고 검토할 수 있습니다. 현재 및 이전 실행에서 얻은 정보를 활용하여 앱의 동작을 이해하고, 오류를 해결하며, 성능을 최적화할 수 있습니다.
Agent를 사용하여 디버깅할 때 컨텍스트를 제공하기 위해 프롬프트에 Console 로그를 포함하세요.
screenshot of the Console Project Editor tool

기능

Console은 앱의 동작을 이해하는 데 도움이 되는 다음과 같은 도구를 제공합니다:
  • 실시간 로깅: 앱의 출력을 발생하는 즉시 확인
  • AI 지원: 로그에 보고된 오류를 수정하기 위한 제안 수신
  • 실행 기록: 이전 실행의 로그를 표시하여 변경 사항 추적

사용 방법

Project Editor에서 Console 도구에 직접 접근할 수 있습니다.
왼쪽 도구 독에서:
  1. All tools icon All tools를 선택하여 Project Editor 도구 목록을 확인합니다.
  2. Console icon Console을 선택합니다.
검색 바에서:
  1. 상단의 magnifying glass icon 돋보기를 선택하여 검색 도구를 엽니다.
  2. “Console”을 입력하여 도구를 찾고 결과에서 선택합니다.
Replit App에서 Run 버튼을 사용할 때마다 Console은 다음 정보가 포함된 새 항목을 표시합니다:
  • 코드를 실행한 명령
  • 타임스탬프 정보
  • 표준 출력 및 오류 로그
다음 스크린샷은 앱을 시작하는 데 사용된 npm run dev 명령과 실행에서 나온 로그 메시지를 보여줍니다:
Console log entry showing the command run
HTML, CSS, JS 코드에서 생성된 것과 같은 클라이언트 측 로그는 Preview 도구의 개발자 도구에서만 표시됩니다.

AI 기반 디버깅

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

로그 항목 명령

Console은 로그를 관리하기 위한 다음과 같은 도구를 제공합니다:
  • 최신 항목만 표시: 이 컨트롤을 켜기 위치로 전환하면 가장 최근 실행만 표시됩니다.
  • 항목 축소: 명령 이름 왼쪽의 downward arrow icon 아래쪽 화살표를 선택하면 로그가 숨겨집니다.
  • 이전 실행 지우기: 이전 실행의 로그를 삭제하려면 선택합니다. 이 작업은 되돌릴 수 없습니다.

네트워크 가용성

앱의 개발 버전이 온라인에서 접근 가능한지 제어할 수 있습니다. 개발 URL에 대한 요청 서비스를 중지하려면 네트워크 정보 줄 오른쪽의 network off icon 슬래시가 있는 지구 아이콘을 선택하세요. 활성화하려면 network on icon 지구 아이콘을 선택하세요. 개발 URL을 보려면 위치 표시줄에서 {...}.replit.dev 텍스트를 선택하세요.
Preview development URL location
개발 URL에 대한 요청 서비스를 중지하도록 설정하더라도 앱은 Preview 도구에서 계속 접근 가능합니다.

워크플로우 명령 중지

Console Project Editor 도구에서 실행 중인 워크플로우 명령을 중지할 수 있습니다. Replit App 실행 명령이 포함된 줄 오른쪽의 정사각형 버튼을 선택하여 종료합니다. 앱을 재시작하려면 Project Editor 상단의 워크플로우 Run 버튼을 사용하세요.

다음 단계

관련 Project Editor 도구에 대해 더 자세히 알아보려면 다음 리소스를 참조하세요:
  • Preview: 애플리케이션 테스트 및 Console 출력 확인을 위한 Preview 도구를 탐색하세요
  • Agent: 코드 도움 및 오류 해결을 위한 Agent에 대해 알아보세요
  • Shell: Project Editor에서 명령줄 인터페이스를 사용하는 방법을 알아보세요.