라이브 프리뷰

AI가 코드를 작성할 때 변경 사항을 실시간으로 확인하세요. 파일이 수정되면 프리뷰 패널이 자동으로 새로고침됩니다.

기능

자동 새로고침

프리뷰가 파일 변경을 자동으로 감지하고 iframe을 새로고침합니다. 수동으로 새로고침할 필요가 없습니다!

프리뷰 헤더의 ⚡ 버튼으로 자동 새로고침을 토글하세요.

기기 시뮬레이션

다양한 화면 크기에서 앱을 테스트하세요:

콘솔 뷰어

콘솔 탭으로 전환하여 다음을 확인하세요:

• 서버 로그 (stdout/stderr)
• 브라우저 콘솔 출력
• 빌드 오류
• 런타임 오류

오버레이 오류

빌드 오류가 프리뷰에 직접 표시됩니다:

• 파일 위치
• 오류 메시지
• 스택 트레이스
• 줄 번호

컨트롤

프로젝트 준비 상태

프리뷰가 시작되기 전에 ClaudeShip이 프로젝트 준비 상태를 확인합니다:

프론트엔드 전용

• package.json 존재
• dev 스크립트 정의됨

풀스택 (Express)

• 프론트엔드 요구사항 충족
• 백엔드 package.json 존재
• 백엔드 dev 스크립트 정의됨

풀스택 (FastAPI)

• 프론트엔드 요구사항 충족
• requirements.txt 존재
• main.py 존재

요구사항이 누락된 경우 프리뷰 패널에 체크리스트가 표시됩니다.

자동 시작

프로젝트가 준비되면 프리뷰가 자동으로 시작됩니다. 시작 버튼을 수동으로 클릭할 필요가 없습니다!