PageRivet 사용 가이드

다운로드 및 실행

PageRivet은 Windows에서 실행되는 포터블 데스크톱 애플리케이션입니다. 설치 과정 없이 다운로드한 패키지를 준비해 실행할 수 있습니다.

프로젝트 시작

새 정적 웹 프로젝트를 만들거나 기존 HTML, CSS, JavaScript 프로젝트를 열어 작업할 수 있습니다.

코드 편집과 적용

PageRivet은 편집 중인 코드와 프로젝트에 적용된 상태를 구분합니다. 코드를 입력하는 즉시 적용하지 않고 검증을 거쳐 정상 상태를 반영합니다.

1. 파일 선택프로젝트 목록에서 편집할 HTML, CSS 또는 JavaScript 파일을 선택합니다.
2. 코드 편집구문 강조, 줄 번호, 검색과 줄 이동 기능을 이용해 코드를 수정합니다.
3. 변경 상태 확인저장되지 않았거나 아직 적용되지 않은 변경이 있는지 확인합니다.
4. 적용 및 검증변경을 적용하면 PageRivet이 코드를 검증하고 정상적인 변경을 프로젝트에 반영합니다.
5. 결과 확인미리보기와 오류·콘솔 영역에서 적용 결과를 확인합니다.

웹 페이지 미리보기

WebView2 기반 미리보기에서 적용된 프로젝트 결과를 확인합니다.

• 미리볼 HTML 페이지를 선택합니다.
• 코드를 적용한 뒤 미리보기가 갱신되는지 확인합니다.
• CSS 디자인과 JavaScript 동작을 확인합니다.
• 더 넓게 확인하려면 미리보기를 최대화하고 필요할 때 복원합니다.

검증과 오류 확인

변경사항을 적용하기 전에 HTML, CSS, JavaScript의 구문 문제를 확인하고, 실행 중 발생한 문제는 오류와 콘솔 정보에서 확인합니다.

히스토리와 복구

변경 기록을 확인하고 이전 상태로 돌아갈 수 있습니다. 복원해도 기존 기록은 삭제되지 않으며, 복원 결과 역시 새로운 변경으로 기록됩니다.

• Undo와 Redo로 최근 편집 흐름을 이동합니다.
• 히스토리에서 저장된 변경 시점을 확인합니다.
• 필요한 과거 상태를 선택해 현재 프로젝트에 복원합니다.
• 복원 후 미리보기와 검증 결과를 다시 확인합니다.

외부 파일 변경 처리

PageRivet 외부의 편집기나 AI 도구가 프로젝트 파일을 변경한 경우에도 변경을 감지하고 검증 흐름 안에서 관리할 수 있습니다.

1. 변경 감지프로젝트 파일이 외부에서 수정되었는지 확인합니다.
2. 재검증변경된 HTML, CSS, JavaScript를 다시 검증합니다.
3. 상태 반영정상적인 변경을 프로젝트 상태에 반영합니다.
4. 기록 확인반영된 외부 변경이 히스토리에 기록됐는지 확인합니다.

프로젝트 내보내기

PageRivet 프로젝트는 일반적인 HTML, CSS, JavaScript 파일로 유지됩니다. 목적에 맞는 방식으로 내보내 다른 도구나 배포 환경에서도 사용할 수 있습니다.

MCP와 AI 클라이언트 연결

PageRivet의 로컬 MCP 서버를 사용하면 지원되는 AI 클라이언트가 활성 프로젝트를 읽고 분석하며, 검증과 승인 과정을 거쳐 변경을 적용할 수 있습니다.

1. 프로젝트 준비AI와 작업할 프로젝트를 PageRivet에서 열고 활성 상태를 확인합니다.
2. MCP 서버 실행PageRivet에서 로컬 MCP 서버를 실행합니다.
3. AI 클라이언트 연결사용 중인 MCP 지원 AI 클라이언트에 PageRivet 연결을 설정합니다.
4. 자연어로 요청원하는 작업과 대상 페이지를 구체적으로 설명합니다.
5. 변경 검토AI가 제안한 변경 범위, 검증 결과와 승인 요청을 확인합니다.

자주 확인할 문제