PageRivet - AI와 함께 HTML/CSS/JS를 만들고 수정하는 Windows 에디터

PageRivet 소개를 위한 가상 인터뷰

1. PageRivet을 만들게 된 계기는 무엇인가요?

초기 기획 당시에는 지금과 같은 웹 에디터가 아니라 단순한 CSS 버튼 생성기를 만들 계획이었습니다.

당시 AI에게 코드를 생성 요청하고, 생성된 파일을 적용한 뒤 결과를 확인하고, 다시 수정 요청을 하는 과정을 반복하고 있었는데, 이 과정에서 불필요한 작업이 많다고 느꼈습니다.

"생성된 결과를 바로 확인할 수 있다면 어떨까?"라는 생각에서 시작해 미리보기 기능을 추가하게 되었고, 이후 프로젝트 관리와 웹사이트 제작 기능이 확장되면서 현재의 PageRivet이 만들어지게 되었습니다.

2. 이미 다양한 웹사이트 제작 도구가 존재하는데, 새로운 도구를 만들 필요성을 느낀 이유는 무엇인가요?

기존 웹빌더는 초보자도 쉽게 사용할 수 있지만 대부분 특정 플랫폼이나 호스팅 서비스에 의존하게 되는 경우가 많았습니다.

반대로 전문 웹 에디터나 IDE는 강력하지만 웹 개발 지식이 필요했습니다.

저는 AI와 연결된 환경에서 사용자가 원하는 방식으로 웹사이트를 제작하면서도, 생성된 결과를 즉시 확인할 수 있는 도구가 필요하다고 생각했습니다.

PageRivet은 이러한 중간 지점을 목표로 만들어졌습니다.

3. 개발 초기부터 지금까지 변하지 않은 PageRivet의 핵심 목표가 있다면 무엇인가요?

"누구나 쉽고 간편하게 사용할 수 있는 웹 에디터"입니다.

PageRivet은 불편함을 해결하기 위해 시작된 프로젝트인 만큼 기능보다 사용자 경험을 우선으로 개발해왔습니다.

앞으로도 이 방향은 변하지 않을 것입니다.

4. "AI와 협업하는 웹 에디터"라는 표현을 사용하는 이유가 궁금합니다.

사용자는 웹사이트를 기획하고 방향을 결정합니다.

AI는 사용자의 요청에 따라 웹 코드를 작성합니다.

서로 역할은 다르지만 하나의 웹사이트를 함께 만들어가는 과정이라는 점에서 저는 이것을 "협업"이라고 생각합니다.

PageRivet은 이러한 협업 과정을 보다 자연스럽고 편리하게 만들어주는 도구입니다.

5. AI가 웹사이트를 자동으로 만들어주는 것과 AI와 함께 웹사이트를 만드는 것은 어떤 차이가 있나요?

AI에게 단순히 웹사이트 제작을 요청하는 것은 가능합니다.

하지만 프로젝트 규모가 커질수록 구조를 관리하거나 수정 사항을 반영하는 과정이 어려워질 수 있습니다.

PageRivet은 단일 페이지뿐 아니라 다중 페이지 웹사이트도 관리할 수 있으며, AI가 프로젝트 구조를 이해한 상태에서 작업을 진행할 수 있도록 설계되었습니다.

또한 생성 결과를 즉시 미리보기로 확인할 수 있어 수정과 피드백 과정이 훨씬 빠릅니다.

6. PageRivet은 어떤 사용자를 가장 우선적으로 고려하며 개발되고 있나요?

코드는 모르지만 자신만의 웹사이트를 만들고 싶은 사용자를 가장 우선적으로 고려하고 있습니다.

MCP를 통해 AI와 연결할 수 있도록 설계한 이유도 같은 맥락입니다.

동시에 코드 편집 기능도 제공하기 때문에 입문자부터 전문가까지 각자의 방식으로 활용할 수 있습니다.

7. 프로그래밍 경험이 전혀 없는 사람도 실제로 사용할 수 있을까요?

충분히 가능합니다.

저 역시 전문 개발자 출신은 아니지만 PageRivet을 개발했고, 현재 운영 중인 공식 홈페이지 역시 PageRivet으로 제작했습니다.

공식 홈페이지를 PageRivet으로 제작한 이유는 PageRivet이 무엇을 할 수 있는지 직접 보여드리고 싶었기 때문입니다. 단순한 기능 소개보다 실제 서비스 운영 사례가 더 설득력 있다고 생각했습니다.

8. 현업 개발자가 PageRivet을 사용할 이유도 있을까요?

반드시 사용해야 한다고 생각하지는 않습니다.

전문 IDE가 제공하는 기능이 필요한 환경도 분명 존재합니다.

다만 빠른 프로토타이핑이나 AI와의 협업을 통한 작업 속도 향상 측면에서는 충분히 도움이 될 수 있습니다.

그래서 "꼭 사용해야 하는 도구"보다는 "사용해도 좋은 도구"가 되고 싶습니다.

9. PageRivet만이 가진 특징이나 철학이 있다면 무엇인가요?

사용자가 사용하는 AI를 직접 선택할 수 있다는 점입니다.

특정 AI에 종속되지 않고 사용자가 이미 사용 중인 AI와 함께 작업할 수 있도록 설계했습니다.

사용자가 원하는 환경을 최대한 유지하는 것이 PageRivet의 철학 중 하나입니다.

10. 다른 AI 기반 웹 제작 도구들과 비교했을 때 가장 큰 차이점은 무엇인가요?

많은 AI 기반 서비스는 특정 AI 모델이나 자체 구독 서비스를 중심으로 운영됩니다.

반면 PageRivet은 사용자가 이미 이용 중인 AI를 활용할 수 있도록 설계되어 있습니다.

그 결과 사용자는 AI 사용을 위해 별도의 중복 구독을 고려하지 않아도 됩니다.

11. 사용자가 처음 PageRivet을 접했을 때 가장 먼저 경험해보길 바라는 부분은 무엇인가요?

AI가 생성한 결과를 즉시 확인하고 수정할 수 있다는 점입니다.

파일을 저장하고 다시 실행해보는 반복적인 과정을 줄이고, 아이디어를 빠르게 결과물로 확인할 수 있다는 경험을 가장 먼저 느껴보셨으면 합니다.

12. 개발 과정에서 가장 어려웠던 문제는 무엇이었나요?

실제 사용자 환경에서 어떤 문제가 발생하는지 파악하는 것이 가장 어려웠습니다.

개발 환경에서는 문제가 없더라도 사용자 환경에서는 예상하지 못한 불편함이 발생할 수 있기 때문입니다.

현재도 다양한 플랫폼을 통해 PageRivet을 공개하고 있으며, 사용자 피드백을 바탕으로 지속적으로 개선하고 있습니다.

13. AI 기술이 빠르게 발전하는 상황에서 PageRivet은 어떤 방향으로 발전하고 있나요?

PageRivet은 처음부터 AI 활용을 전제로 설계되었습니다.

MCP를 지원하는 이유도 AI 기술 발전의 혜택을 보다 적극적으로 활용하기 위해서입니다.

앞으로도 "AI"와 "협업"은 PageRivet의 핵심 키워드가 될 것입니다.

14. 현재 준비 중이거나 구상하고 있는 주요 기능이 있다면 소개 부탁드립니다.

현재 제가 처음 구상했던 핵심 기능들은 대부분 구현된 상태입니다.

앞으로는 플러그인 시스템을 통해 사용자가 원하는 기능을 직접 확장할 수 있는 환경을 만드는 것에 집중하고 있습니다.

또한 여러 사용자가 함께 작업할 수 있는 협업 기능도 장기적으로 준비하고 있습니다.

15. 플러그인 시스템을 준비하고 계신 것으로 알고 있습니다. 이를 도입하려는 이유는 무엇인가요?

모든 사용자가 같은 기능을 필요로 하지는 않습니다.

누군가에게는 충분한 기능이라도 다른 누군가에게는 부족할 수 있습니다.

플러그인 시스템은 이러한 차이를 해결하기 위한 방법입니다.

사용자가 자신의 작업 방식에 맞게 기능을 확장할 수 있는 환경을 만드는 것이 목표입니다.

16. PageRivet이 장기적으로 어떤 플랫폼이 되기를 목표로 하고 있나요?

처음부터 이렇게 큰 규모의 프로젝트를 계획했던 것은 아닙니다.

하지만 앞으로 더 많은 사용자가 함께하게 된다면, PageRivet은 누구나 AI와 협업하며 웹사이트를 제작할 수 있는 환경의 시작점이 되었으면 합니다.

웹 개발 경험의 유무와 관계없이 아이디어를 실제 웹사이트로 구현할 수 있도록 돕는 플랫폼이 되는 것이 목표입니다.

PageRivet에 대한 현재 고찰

PageRivet은 제가 개인적으로 느꼈던 작은 불편함에서 시작된 프로젝트입니다.

저와 같은 불편함을 겪고 계신 분들에게 조금이나마 도움이 되었으면 하는 마음으로 무료 배포를 결정했고, 현재까지도 무료로 제공하고 있습니다.

다만 PageRivet을 지속적으로 개발하고 관리하면서, 앞으로 추가되는 모든 기능과 서비스를 계속 무료로 제공하는 데에는 현실적인 한계가 있다는 점 역시 고민하지 않을 수 없었습니다.

앞으로 추가될 일부 기능의 유료화를 검토하고 있습니다

오랜 고민 끝에 앞으로 새롭게 추가되는 일부 확장 기능과 부가 서비스에 대해서는 유료로 제공하는 방향을 검토하기로 했습니다.

하지만 이와 관련해 한 가지는 분명하게 말씀드리고 싶습니다.

현재 무료로 제공되고 있는 PageRivet의 기능이 향후 유료 기능으로 전환되는 일은 없습니다.
또한 에디터로서 기본적으로 제공되어야 할 핵심 기능 역시 앞으로도 무료로 유지한다는 원칙을 지켜나갈 것입니다.

PageRivet의 기본적인 사용 경험을 제한하거나, 기존 무료 기능을 유료 영역으로 옮기는 방식은 고려하고 있지 않습니다.

앞으로 검토하게 될 유료 서비스 역시 기존 기능을 제한하거나 분리하는 방식이 아니라, 현재의 PageRivet 위에 새로운 활용 범위를 추가하는 방향으로 구성하고자 합니다.

왜 유료 서비스를 고민하게 되었는가

PageRivet을 계속 개발하면서 단순히 새로운 기능을 만드는 것뿐만 아니라, 이를 지속적으로 관리하고 유지하는 데 필요한 현실적인 부분도 함께 고민하게 되었습니다.

• 어떤 기능이 실제로 유료 서비스로서 충분한 가치를 가질 수 있는지
• 현실적으로 어느 수준까지 구현할 수 있는지
• 혼자 개발하고 관리하는 환경에서 안정적으로 유지할 수 있는지
• 지속적인 운영과 유지보수가 가능한 구조인지

이러한 조건들을 함께 고려하고 있습니다.

무엇보다 현재 PageRivet을 사용하고 계신 분들의 기존 사용 환경을 해치지 않는 것이 중요하다고 생각합니다.

따라서 PageRivet 본체는 앞으로도 계속 무료로 발전시키되, 기존 사용 경험과는 다른 새로운 활용 범위를 제공할 수 있는 기능에 한해서 유료화를 검토하고자 합니다.

현재 가장 우선적으로 검토 중인 기능 — 협업 프로세스

현재 가장 우선적으로 검토하고 있는 유료 서비스는 「협업 프로세스」입니다.

현재 PageRivet은 AI와 함께 하나의 프로젝트를 제작하고 수정할 수 있는 환경을 제공하고 있지만, 여러 사용자가 동일한 프로젝트에 참여하여 함께 작업할 수 있는 협업 기능은 제공하고 있지 않습니다.

기존에는 개인 사용자를 중심으로 만들어진 애플리케이션이었지만, 앞으로는 개인뿐만 아니라 소규모 팀에서도 하나의 프로젝트를 함께 작업할 수 있는 환경으로 확장하는 가능성을 검토하고 있습니다.

현재 구상 중인 협업 프로세스는 단순히 여러 사용자가 같은 프로젝트에 접근하는 기능에 그치지 않습니다.

예를 들어 다음과 같은 부분을 함께 고려하고 있습니다.

• 사용자별 읽기 및 쓰기 권한
• 작업 가능한 소스 및 영역의 제한
• 동일 소스의 동시 수정 방지
• 현재 작업자 및 작업 대상 표시
• AI를 통한 다중 소스 수정 시 충돌 방지
• 참여자 간 작업 상태 확인
• 협업 과정에서 발생하는 변경 기록 및 관리

즉, 여러 사용자가 같은 프로젝트를 함께 작업하면서도 서로의 작업을 방해하지 않도록 관리하는 협업 환경을 목표로 하고 있습니다.

아직 확정된 기능은 아닙니다

다만 현재까지는 어디까지나 검토 및 기획 단계입니다.

구현 난이도, 운영 비용, 보안, 네트워크 구조, 유지보수 부담 등 여러 현실적인 조건을 충분히 검토한 뒤 실제 개발 진행 여부를 결정할 예정입니다.

검토 과정에서 현실적으로 제공하기 어렵거나 PageRivet의 방향과 맞지 않는다고 판단될 경우, 협업 프로세스 계획 자체가 변경되거나 폐기될 가능성도 있습니다.

반대로 가능성을 충분히 검토하지 않은 상태에서 쉽게 포기할 생각도 없습니다.

실제로 구현 가능한 서비스인지, 지속적으로 유지하고 관리할 수 있는 구조인지, 그리고 무엇보다 PageRivet을 사용하는 분들에게 비용을 지불할 만큼 충분한 가치가 있는 기능인지 신중하게 검토하고자 합니다.

앞으로도 지키고 싶은 원칙

PageRivet을 일회성 프로젝트가 아니라 앞으로도 계속 개발하고 관리할 수 있는 서비스로 이어가기 위해서는 지속 가능한 운영 방식 역시 함께 고민해야 한다고 생각합니다.

그 과정에서도 다음 원칙은 유지하고자 합니다.

• 현재 무료로 제공되는 기능은 앞으로도 무료로 유지합니다.
• 에디터로서 필요한 핵심 기능은 계속 무료로 제공합니다.
• 유료 서비스는 기존 무료 기능을 제한하는 방식으로 만들지 않습니다.
• 유료 서비스는 PageRivet의 새로운 활용 범위를 확장하는 방향으로 검토합니다.

PageRivet이 앞으로 어떤 방향으로 발전하게 될지는 아직 많은 고민과 검토가 필요합니다.

다만 현재의 사용 경험을 해치지 않으면서도 PageRivet을 지속적으로 개발하고 유지할 수 있는 방향을 찾는다는 원칙은 변하지 않을 것입니다.

앞으로도 PageRivet의 방향과 새로운 시도에 대해서는 가능한 범위에서 지속적으로 공유드리겠습니다.

PageRivet 3.3.1이 업데이트되었습니다.

이번 3.3.1 업데이트는 앞서 안내드렸던 내용과 동일하게, 3.3.0-beta.1부터 beta.3까지 순차적으로 적용했던 기능들을 정식 버전에 통합하고 전반적인 안정성을 높이는 데 중점을 두었습니다.

beta 기간 동안 적용했던 기능들을 다시 점검하고, 내부 구조 개선과 안정화 작업을 함께 진행하여 보다 안정적으로 사용할 수 있도록 정리했습니다. 새로운 기능을 대폭 추가하는 업데이트라기보다는, 그동안 시험적으로 적용했던 기능들을 정식으로 반영하고 완성도를 높이는 성격의 업데이트입니다.

세부적인 변경 사항과 수정 내용은 공식 홈페이지의 업데이트 로그에서 확인하실 수 있습니다.

추가로 현재 PageRivet 진단기는 3.3.1 버전에 맞춘 대응 작업이 진행 중입니다. 이에 따라 현재는 진단기를 다운로드할 수 없으며, 업데이트가 완료되는 대로 별도의 공지 없이 다운로드를 다시 활성화할 예정입니다.

PageRivet 3.3.1에 대한 자세한 내용은 공식 홈페이지 업데이트 로그를 참고해 주세요.

PageRivet 3.3.1 업데이트 예고

다음 업데이트 예정인 PageRivet 3.3.1 버전에 대해 미리 안내드립니다.

PageRivet 3.3.0-beta.1부터 beta.3까지는 새로운 기능을 시험적으로 적용하고 검증하는 과정이었습니다.

다행히 beta.1의 Avalonia 전환, beta.2의 UI 커스터마이징, beta.3의 Inspector 기능 모두 정상적으로 작동하는 것을 확인했으며, 추가적인 안정화 작업을 거쳐 3.3.1 버전으로 통합할 예정입니다.

다만 Inspector는 아직 완성된 기능이라고 말씀드리기 어려운 단계이며, 앞으로도 지속적인 개선이 필요합니다.

앞서 안내드렸듯이 3.3.1은 새로운 기능 추가보다는 베타 기간 동안 적용된 기능을 포함해 PageRivet 전반의 안정성을 높이는 데 중점을 둔 버전입니다.

이후에도 성능과 내부 구조 개선을 지속할 예정이며, 당분간은 새로운 기능을 빠르게 추가하기보다는 실제 사용 과정에서 발생하는 결함과 불편 사항, 사용자 피드백을 충분히 축적하고 개선하는 것에 집중하려 합니다.

물론 새로운 기능의 추가가 완전히 중단되는 것은 아닙니다. 필요한 기능과 개선 사항은 앞으로도 PageRivet의 방향에 맞춰 계속 검토하고 반영하겠습니다.

앞으로도 많은 관심 부탁드리며, 실제 사용 중 느끼신 불편함이나 개선 의견이 있다면 적극적인 피드백 부탁드립니다.

감사합니다.

PageRivet 3.3.0-beta.3 업데이트

PageRivet 3.3.0-beta.3가 업데이트되었습니다.

이번 버전의 가장 큰 변화는 Inspector와 디자인 모드의 추가입니다.

이제 Preview에서 원하는 요소를 직접 선택한 뒤 텍스트, 링크, 이미지, 색상, 크기, 여백, 정렬, Flex/Grid 등 다양한 속성을 Inspector에서 수정할 수 있습니다.

또한 디자인 모드를 통해 선택한 요소를 마우스로 이동하거나 크기를 조절할 수 있으며, 변경 내용은 Source Mapping을 기반으로 실제 원본 코드에 반영됩니다.

주요 변경 사항

• Inspector 추가

  • Preview 요소 선택 및 강조
  • 텍스트·링크·이미지·폼 속성 수정
  • 글꼴, 색상, 여백, 크기, 테두리, Flex/Grid 등 스타일 편집
  • Inspector 속성 검색 지원

• 디자인 모드 추가

  • Preview에서 요소 이동 및 크기 조절
  • 변경 내용을 원본 코드에 최소 범위로 반영

• Source Mapping 추가

  • HTML, PageRivet YAML, Markdown 및 추적 가능한 DOM을 실제 원본 위치와 연결
  • 원본 위치를 정확히 확인할 수 없는 요소는 임의로 수정하지 않고 읽기 전용으로 유지

• 작업공간 개선

  • 프로젝트, Inspector, Preview, 편집기, History, MCP 로그 등을 자유롭게 탭으로 결합·분리
  • 탭 순서와 레이아웃 저장
  • 메인 화면에서 MCP 연결 상태 확인 가능

• 기타 개선 및 수정

  • 새 프로젝트 Preview의 색상 표시 문제 수정
  • Preview 대상 페이지 선택 문제 수정
  • Jekyll 프로젝트 내보내기 문제 수정
  • Jekyll Site 내보내기 프리셋 추가

Inspector 사용 안내

현재 Inspector와 디자인 모드는 시험적인 단계로 제공되고 있습니다.

요소의 구조나 Source Mapping 가능 여부에 따라 일부 항목은 아직 사용할 수 없거나 편집이 제한될 수 있습니다. 지속적인 개선을 통해 지원 범위와 안정성을 높여 보다 편리하게 사용할 수 있도록 완성해 나가겠습니다.

이번 업데이트를 통해 PageRivet은 AI에게 모든 수정을 요청하는 방식에서 한 단계 더 나아가, AI로 초안을 만들고 세부적인 수정은 사용자가 직접 처리할 수 있는 환경에 조금 더 가까워졌습니다.

다운로드 및 자세한 안내는 PageRivet 공식 홈페이지에서 확인할 수 있습니다.

https://pagerivet.app/

PageRivet 3.3.0-beta.3 업데이트 예고

PageRivet 3.3.0-beta.2에서는 사용자 편의성을 높이기 위해 도킹 형태의 UI를 적용했습니다.
이어지는 beta.3 역시 사용성을 개선하는 방향으로 업데이트를 준비하고 있습니다.

현재 PageRivet의 코드뷰는 직접 코드를 작성하지 않더라도, 어느 정도 코드를 읽을 수 있는 사용자를 최소 기준으로 설계되어 있습니다.

하지만 PageRivet이 지향하는 방향은 여기서 한 단계 더 나아가는 것입니다.

웹빌더는 호스팅이 가능하고 코드 의존도가 낮다는 장점이 있습니다. PageRivet은 웹빌더는 아니지만, MCP를 통해 AI와 협업함으로써 코드 의존도를 낮추고자 했습니다.

다만 실제 사용 과정에서는 텍스트 수정처럼 간단한 작업조차 AI에게 요청해야 하는 경우가 많았고, 이 과정에서 불필요한 토큰이 소모되는 문제가 있었습니다.

Inspector 적용 예정

이 문제를 보완하기 위해 beta.3에서는 Inspector 기능 도입을 검토하고 있습니다.

사용자가 미리보기에서 수정하고 싶은 요소를 직접 선택한 뒤,

• 텍스트 수정
• 크기 조절
• 간단한 속성 변경

등을 직접 처리할 수 있도록 하는 것이 목표입니다.

이를 통해 간단한 수정에 AI를 호출하는 빈도를 줄이고, 토큰 낭비를 줄이는 동시에 PageRivet의 코드 의존도를 지금보다 더 낮출 수 있을 것으로 기대하고 있습니다.

특히 HTML이나 CSS를 잘 모르는 사용자도 보다 쉽게 웹페이지를 수정할 수 있는 방향으로 발전시키고자 합니다.

앞으로도 PageRivet은 사용자의 편의성과 접근성을 우선으로 두고 개선해 나가겠습니다.

많은 관심 부탁드리며, 사용 중 느끼신 불편이나 개선 의견도 적극적으로 남겨주시면 감사하겠습니다.

PageRivet 3.3.0-beta.2 업데이트

PageRivet 3.3.0-beta.2가 업데이트되었습니다.

이번 버전에서는 고정된 작업 화면을 벗어나 사용자가 직접 작업공간을 구성할 수 있도록 도킹 시스템과 레이아웃 저장·복원 기능을 추가했습니다.

또한 원하는 색상으로 UI를 구성할 수 있는 사용자 지정 테마, 실제 폴더 구조를 기반으로 한 프로젝트 소스 트리 및 검색, History 복원 기능, 통합된 설정창 등 전반적인 사용성을 개선했습니다.

정적 HTML뿐 아니라 _config.yml 기반의 Jekyll 사이트 미리보기도 새롭게 지원합니다. 외부 Jekyll 4.x 환경을 이용해 Layout, Include, Markdown, Sass/SCSS 등 실제 Jekyll 구조를 PageRivet에서 미리볼 수 있습니다.

이외에도 오류/디버그 표시 방식 개선, 패널 크기 조절 및 이동, 독립 창, 탭 조작 등 작업공간과 관련된 여러 문제를 수정했으며 선택적 진단 기능도 추가했습니다.

기존 HTML 및 PageRivet YAML 미리보기, 프로젝트 편집·저장, History, Recovery, 리소스, 내보내기와 MCP 기능은 그대로 유지됩니다.

PageRivet은 실제 웹사이트 제작 과정에서 필요한 기능과 사용성을 중심으로 계속 개선하고 있습니다.

PageRivet 3.3.0-beta.2 업데이트 예고

안녕하세요. PageRivet을 제작하고 운영하고 있는 raneree입니다.

앞서 말씀드렸듯이 잦은 업데이트는 빠른 개선에 도움이 되지만, 사용자 입장에서는 그만큼 자주 프로그램을 업데이트해야 하는 불편함이 발생할 수 있다고 생각했습니다.

이에 따라 긴급한 수정이 필요한 경우를 제외하면 PageRivet 업데이트는 매주 수요일 또는 목요일을 기준으로 진행할 예정입니다.

이번 3.3.0-beta.2 역시 해당 일정에 맞춰 준비하고 있으며, 업데이트에 앞서 주요 변경 사항을 미리 안내드립니다.

1. UI 및 작업공간 구성 개선

이번 업데이트에서 가장 큰 변화입니다.

기존 상단 메뉴를 간소화하고, 언어·테마·레이아웃·Jekyll·MCP 등 설정과 관련된 항목은 별도의 설정 창에서 관리할 수 있도록 변경했습니다.

또한 기존의 고정된 패널 구성이 사용자마다 적절할 수도, 불편할 수도 있다고 판단하여 미리보기, 편집기, 프로젝트, 기록 등의 패널을 자유롭게 배치할 수 있는 도킹 시스템을 적용했습니다.

사용자가 원하는 형태로 작업공간을 구성하고, 레이아웃을 저장하여 다시 사용할 수 있습니다.

2. 프로젝트 소스 탐색 구조 개선

기존에는 프로젝트 소스가 단순하게 나열되어 있어 파일이 많아질수록 원하는 소스의 위치를 파악하기 어려웠습니다.

3.3.0-beta.2부터는 실제 프로젝트 구조에 맞춰 폴더-파일 트리 형태로 표시됩니다.

검색 기능도 추가되어 파일명을 입력하면 해당 파일과 관련된 폴더만 표시할 수 있어 보다 빠르게 원하는 소스를 찾을 수 있습니다.

3. 작업 기록 확인 및 복원 기능 개선

이제 작업 기록을 더블클릭하여 상세 내용을 확인할 수 있습니다.

각 기록에서 어떤 내용이 변경되었는지 보다 자세히 확인할 수 있으며, 원하는 기록을 선택하여 해당 시점으로 정확하게 복원할 수도 있습니다.

4. 일부 UI 테마 적용 문제 수정

기존 일부 창과 UI 요소에 현재 선택한 테마가 정상적으로 적용되지 않던 문제를 수정했습니다.

프로그램 전반에서 보다 일관된 UI를 사용할 수 있도록 계속해서 개선하고 있습니다.

5. Jekyll 웹사이트 미리보기 지원

PageRivet에서 이제 Jekyll 구조의 웹사이트를 직접 빌드하여 미리보기할 수 있습니다.

Front Matter, Liquid, Layout, Include, Data, Markdown Post, 기본 Sass/SCSS 및 정적 리소스 등 일반적인 Jekyll 프로젝트 구조를 PageRivet에서 확인할 수 있도록 지원합니다.

단, Jekyll 프로젝트를 빌드하기 위해서는 사용자의 시스템에 Ruby 및 Jekyll 4.1 이상 4.x 버전이 설치되어 있어야 합니다.

Ruby 또는 Jekyll이 설치되어 있지 않더라도 기존 HTML 프로젝트 편집이나 PageRivet의 다른 기능 사용에는 영향을 주지 않습니다.

6. macOS 및 Linux 지원에 대하여

macOS 및 Linux에 대한 지원은 아직 확정적으로 안내드리기 어렵습니다.

현재 해당 운영체제에서 충분한 실기 검증을 진행할 수 있는 환경이 구성되어 있지 않아 실제 사용 환경에서의 안정성과 호환성을 보장하기 어려운 상태입니다.

다만 향후 검증 환경이 마련되었을 때 지원 범위를 확장할 수 있도록 macOS 및 Linux 지원 가능성은 계속 열어두고 있으며, 프로그램 구조 역시 이를 고려하여 개발하고 있습니다.

따라서 현재는 Windows 환경을 기준으로 개발 및 검증을 진행하되, 향후 여건이 갖춰지는 경우 다른 운영체제에 대한 지원도 검토할 예정입니다.

7. 프로그램 구조 및 안정성 개선

프로그램 내부 구조를 추가로 정리하고 최적화하여 불필요한 시스템 자원 사용을 줄이고, 장시간 작업 시에도 보다 안정적으로 사용할 수 있도록 개선했습니다.

성능과 안정성에 대한 부분은 이번 버전에 한정하지 않고 앞으로도 지속적으로 개선할 예정입니다.

이번 3.3.0-beta.2는 새로운 기능을 단순히 추가하는 것보다는, 실제 PageRivet을 사용하면서 불편할 수 있었던 작업공간 구성과 프로젝트 탐색, 작업 기록 확인 등 전반적인 사용 경험을 개선하는 데 중점을 둔 업데이트입니다.

아직 베타 버전인 만큼 실제 환경에서 예상하지 못한 문제가 발생할 수 있습니다. 사용 중 불편한 점이나 문제가 발견된다면 적극적으로 피드백해 주시면 이후 개선에 큰 도움이 됩니다.

항상 PageRivet에 관심 가져주셔서 감사합니다.

PageRivet UI 개선 및 업데이트 일정 안내

PageRivet은 현재 사용자의 작업 편의성을 높이기 위해 기존의 고정형 UI 구조에서 벗어나, 사용자가 직접 자신의 작업 방식에 맞게 레이아웃을 구성할 수 있는 형태로 개선하고 있습니다.

기존에는 정해진 위치와 크기의 패널을 중심으로 작업해야 했지만, 앞으로는 사용자가 자주 사용하는 영역이나 작업 흐름에 맞춰 보다 유연하게 화면 구성을 조정할 수 있도록 개선하는 것을 목표로 하고 있습니다.

이번 변경은 단순히 화면 구성을 바꾸는 것이 아니라, PageRivet을 사용하는 사람마다 서로 다른 작업 방식과 우선순위를 가질 수 있다는 점을 반영하기 위한 작업입니다.

또한 최초 공개 이후 예상보다 빠른 주기로 여러 기능이 추가되고 수정되면서 업데이트가 다소 잦게 이루어졌습니다.

빠른 개선에는 도움이 되었지만, 사용자 입장에서는 너무 자주 새로운 버전을 확인하고 교체해야 하는 불편이 있을 수 있다고 판단했습니다.

이에 따라 3.3.0-beta.2 버전부터는 긴급한 오류 수정이나 즉시 대응이 필요한 문제를 제외하고, 매주 수요일 또는 목요일을 기준으로 업데이트를 진행할 예정입니다.

가능한 한 한 주 동안 확인된 개선 사항과 수정 내용을 정리해 한 번에 제공하고, 불필요하게 짧은 간격으로 버전이 교체되는 상황을 줄이는 방향으로 운영하려고 합니다.

다만 프로그램 사용에 큰 영향을 주는 오류, 보안 문제, 데이터 손상 가능성 등 즉각적인 대응이 필요한 문제가 확인될 경우에는 정기 업데이트 일정과 관계없이 긴급 패치가 진행될 수 있습니다.

PageRivet은 아직 실제 사용자 환경에서 확인해야 할 부분이 많은 단계이며, 직접 사용하면서 발견되는 불편함과 피드백이 앞으로의 개선 방향을 결정하는 데 큰 도움이 됩니다.

사용 중 불편한 점, 개선이 필요한 부분, 추가되었으면 하는 기능 등이 있다면 부담 없이 의견을 남겨주세요.

앞으로도 PageRivet을 더 안정적이고 편리하게 사용할 수 있도록 지속적으로 개선해 나가겠습니다.

많은 관심과 적극적인 피드백 부탁드립니다.

PageRivet 3.3.0-beta.1 안내

PageRivet의 Avalonia 이식 및 기존 UI 구조 교체 작업이 완료되었습니다.

이제 3.3.0-beta.1 버전부터 Avalonia 기반으로 전환된 PageRivet을 사용할 수 있습니다.

기존 Windows 전용 UI 구조를 Avalonia 기반으로 교체하면서 주요 기능을 새로운 구조에 맞게 이식했고, 현재 제작 및 개발 환경에서는 프로젝트 편집, 미리보기, MCP 연동 등 주요 기능이 정상적으로 동작하는 것을 확인했습니다.

다만 이번 버전에는 beta 태그를 적용했습니다.

현재 제작 환경에서는 정상적인 작동을 확인했지만, 실제 사용자 환경은 Windows 버전, 하드웨어 구성, WebView 환경, 파일 권한, 보안 프로그램 및 기타 시스템 설정 등에 따라 차이가 있을 수 있습니다. 이 때문에 실제 사용 과정에서는 제작 환경에서 확인되지 않았던 크고 작은 문제가 발생할 가능성이 있습니다.

beta 표시는 PageRivet을 사용할 수 없는 상태라는 의미가 아니라, Avalonia 기반으로 전환된 새로운 구조가 다양한 실제 사용자 환경에서도 안정적으로 동작하는지 추가 검증이 필요한 단계라는 의미입니다.

당분간은 3.3.0-beta.1을 통해 실제 사용자 환경에서 발생하는 문제와 피드백을 확인하고, Avalonia 전환 과정에서 발생할 수 있는 회귀 문제와 UI·기능 안정성을 보완하는 데 집중할 예정입니다.

macOS 및 Linux 지원

현재 3.3.0-beta.1은 Windows 환경을 기준으로 개발 및 검증하고 있습니다.

앞서 안내드린 것처럼 macOS와 Linux는 현재 실제 개발 및 테스트 환경이 마련되어 있지 않아 공식적인 지원을 약속드리기 어렵습니다.

다만 Avalonia로 전환하면서 기존 Windows 전용 구조에서 벗어나 macOS와 Linux로도 확장할 수 있는 구조적 통로는 열어두었습니다. 따라서 두 운영체제의 지원 가능성을 배제한 것은 아닙니다.

향후 macOS 또는 Linux를 충분히 테스트할 수 있는 환경이 마련된다면, 해당 운영체제에서도 PageRivet을 사용할 수 있도록 지원 범위를 확대하는 방향으로 검토하겠습니다.

앞으로의 진행

당분간은 다음 작업에 집중할 예정입니다.

• 3.3.0-beta.1 실제 사용자 환경 테스트
• Avalonia 전환 이후 회귀 문제 확인
• UI 및 주요 기능 안정성 보완
• MCP 및 프로젝트 작업 흐름 재검증
• 사용자 피드백을 기반으로 한 문제 수정
• 충분한 안정화 이후 정식 버전 전환 검토

Avalonia 이식은 완료했지만, 이번 전환은 PageRivet의 구조가 크게 변경된 작업인 만큼 실제 환경에서의 검증이 중요하다고 판단하고 있습니다.

사용 중 문제가 발견된다면 언제든지 알려주세요. 접수된 내용은 이후 안정화 작업에 최대한 반영하겠습니다.

자세한 내용은 공식 홈페이지의 공지사항을 참고해 주세요.

PageRivet 현재 개발 상황

PageRivet은 현재 실제 사용과 테스트를 병행하며 지속적으로 개선하고 있습니다.

전문 개발자가 아닌 개인 개발로 진행하고 있어, 웹사이트 제작에 필요한 기능 중 기획·설계 단계에서 미처 고려하지 못했던 항목들이 개발 과정에서 추가로 발견되고 있습니다.

또한 실제로 PageRivet을 이용해 웹사이트를 제작하면서 MCP를 통한 AI의 PageRivet 접근 등 필요한 기능들이 새롭게 확인되고 있어, 당분간은 버전 교체 주기가 다소 빠를 수 있습니다.

최신 버전 다운로드 안내

공식 홈페이지의 다운로드 버전이 최신 버전과 차이가 있을 수 있으므로, 최신 버전은 GitHub Releases를 통해 다운로드하는 것을 권장합니다.

PageRivet 2.3.0 업데이트

PageRivet 2.3.0 버전이 업데이트되었습니다.

이번 업데이트에서는 Claude Desktop 자동 연결 지원이 추가되었습니다. 일반 설치판과 Microsoft Store/MSIX 설치판을 감지하고, MCP 설정 화면에서 연결 구성을 자동으로 적용할 수 있습니다.

Claude Desktop 연결을 위해 PageRivet.StdioBridge가 새롭게 추가되었으며, PageRivet이 종료된 이후에도 Bridge가 연결과 Tool 정보를 유지해 다음 실행 시 다시 PageRivet을 찾아 연결할 수 있도록 구성했습니다.

다만 Claude Desktop은 연결 방식의 특성상 한 번에 하나의 PageRivet만 연결할 수 있습니다. Codex, Claude Code 등 기존 Streamable HTTP 방식의 AI 클라이언트는 기존과 동일하게 여러 PageRivet을 연결할 수 있습니다.

웹 리소스 편집 기능도 확장되었습니다. JSON, XML, CSV, Markdown, TXT, SVG 등 다양한 텍스트 기반 리소스를 PageRivet에서 직접 미리보고 편집할 수 있으며, 리소스 목록 정렬 기능도 추가했습니다.

이를 위한 MCP Tool 3종이 새롭게 추가되어 내장 MCP Tool은 기존 39개에서 42개로 확장되었습니다.

그 외에도 Claude Desktop의 structured content 호환성 문제 수정, Bridge 구성 오류 감지 개선, 설정 백업 및 기존 MCP 서버 보존, 연결 소유권 검증 등 안정성과 보안 관련 개선이 함께 포함되었습니다.

메인 창의 기본 크기도 기존 1400×900에서 1120×720으로 조정했습니다. 최소 크기와 사용자 크기 조절, 최대화 기능은 그대로 유지됩니다.

Claude Desktop 자동 연결은 아직 다양한 사용자 환경에서의 실제 피드백이 필요한 단계입니다. 사용 중 문제가 발생하거나 예상과 다른 동작이 있다면 피드백을 남겨주시면 확인하겠습니다.

자세한 변경 사항은 공식 홈페이지의 업데이트 페이지에서 확인할 수 있습니다.

Claude Desktop 자동 연결 지원 작업 안내

기존 PageRivet에서는 Claude Code는 자동 연결을 지원하고 있었지만, Claude Desktop은 연결 방식과 정책 차이로 인해 자동 연결 지원 대상에서 제외되어 있었습니다.

현재는 이 문제를 해결할 수 있는 방법을 확인했고, Claude Desktop까지 자동 연결 범위를 확장하는 작업을 진행하고 있습니다.

이번 작업이 성공적으로 완료되면 PageRivet이 공식적으로 지원하는 AI 클라이언트는 사실상 모두 자동 연결 지원 대상이 됩니다. 사용자는 기존처럼 연결할 클라이언트를 선택하고 연결 기능을 이용하는 것만으로 PageRivet의 MCP 기능을 사용할 수 있도록 하는 것이 목표입니다.

다만 이는 현재 설계와 구현 구조를 기준으로 한 내용이며, 각 AI 클라이언트의 버전이나 실제 사용자 환경에 따라 연결 결과가 달라질 수 있습니다. 실제 환경에서의 테스트와 검증도 함께 진행할 예정입니다.

PageRivet에 관심을 가지고 사용해주시고 의견을 보내주시는 모든 분께 감사드립니다.

PageRivet의 시작과 앞으로의 방향

PageRivet은 처음부터 웹 에디터를 만들기 위해 시작한 프로그램은 아니었습니다.

처음에는 AI에게 요청해 받은 CSS 코드를 좀 더 편하게 확인하고 싶어서 작은 미리보기 도구를 만들기 시작했습니다. 하지만 CSS만으로는 실제 결과를 확인하기 어려웠고, HTML과 JavaScript까지 함께 다루게 되면서 자연스럽게 하나의 정적 웹 프로젝트를 편집하고 미리볼 수 있는 형태로 확장되었습니다.

기능이 늘어나면서 또 다른 불편함도 생겼습니다. AI에게 코드를 요청하고, 결과를 직접 복사해 적용하고, 다시 수정 요청을 보내는 과정을 계속 반복해야 했기 때문입니다. 이 과정을 조금 더 자연스럽게 연결하고 싶다는 생각에서 MCP를 활용한 AI 협업 기능을 추가했고, 현재의 PageRivet 형태로 발전하게 되었습니다.

현재 PageRivet은 1인 제작 환경에서 기획, 개발, 테스트, 문서화와 배포까지 모두 진행하고 있습니다. 혼자 여러 역할을 동시에 맡다 보니 놓치는 부분도 생기고, 다양한 사용자 환경을 충분히 검증하기 어려운 현실적인 한계도 있습니다. 그래서 실제 사용자분들의 피드백을 중요하게 생각하고 있습니다.

현재 PageRivet의 UI는 WinForms를 기반으로 제작되어 있습니다. 기능적인 사용 흐름은 어느 정도 정리되어 있지만, 장기적으로 기능이 추가되고 화면 구성이 확장될수록 UI 유지보수와 디자인 자유도 측면에서 한계가 커질 수 있다고 판단했습니다.

이에 따라 향후 UI 확장성과 유지보수성, 그리고 플랫폼 범용성까지 고려해 Avalonia 기반으로 UI를 전면 교체하는 작업을 계획하고 있습니다.

Avalonia 이식이 성공적으로 완료된다면 Windows에 한정된 현재 구조에서 벗어나 향후 Mac과 Linux 지원 가능성을 검토하는 데에도 한 걸음 더 가까워질 수 있을 것으로 기대하고 있습니다.

다만 이 부분은 아직 확정된 지원 계획이나 일정은 아닙니다. PageRivet은 현재도 1인 제작으로 진행되고 있기 때문에 Avalonia 이식 자체가 언제 완료될지, 모든 기능을 문제없이 이전할 수 있을지 현시점에서 확정하거나 장담하기는 어렵습니다.

우선은 현재 PageRivet의 기능을 안정적으로 유지하면서 UI 기반을 옮기는 것을 목표로 하고, 이후 실제 구현 가능성과 테스트 환경을 충분히 확인한 뒤 다음 방향을 결정하려고 합니다.

처음에는 개인적인 불편함을 해결하기 위해 시작한 작은 프로그램이었지만, 지금은 실제로 사용해보고 의견을 주시는 분들이 생기면서 조금씩 다음 단계를 고민하게 되었습니다.

아직 부족한 부분이 많지만, PageRivet이 앞으로 어떤 모습으로 발전해가는지 지켜봐 주시면 감사하겠습니다.

PageRivet 2.2.1 업데이트

PageRivet 2.2.1에서는 공식 홈페이지 연동, 하위 디렉터리 소스 관리, 범용 리소스 관리, MCP 리소스 기능 확장과 다중 실행 안정화를 적용했습니다.

이미지, 폰트, 영상, 오디오, 문서, 데이터, 웹 자산, 3D 모델을 프로젝트에서 관리할 수 있으며, MCP 도구는 총 39개로 확장되었습니다. 여러 PageRivet 인스턴스를 실행할 때도 각 인스턴스가 고유 포트와 연결 이름을 사용하도록 개선했습니다.

UI는 어두운 워크벤치 스타일로 개편하고 코드 편집기, 미리보기, 진단 영역의 가독성을 개선했습니다. 탭 전환과 입력 시 발생하던 깜빡임, 불필요한 네이티브 헤더 영역도 수정했습니다.

경로 검증, 심볼릭 링크 차단, MCP Revision 재확인 등 보안 처리도 보강했습니다.

자세한 내용은 공식 홈페이지의 업데이트를 참고해주세요.

PageRivet 공식 홈페이지와 다음 업데이트 소식

PageRivet이 할 수 있는 일을 적극적으로 보여드리고자 공식 홈페이지 또한
PageRivet으로 직접 제작했습니다.

현재 모바일 환경에 완전히 최적화되어 있지는 않지만, 홈페이지를 둘러보는 데에는 큰 불편이 없을 것으로 기대하고 있습니다.

아울러 현재 PageRivet의 리소스 관리 기능 추가와 UI 개선 작업을 진행하고 있습니다.

리소스 관리 기능은 구현을 마친 상태이며, UI 개선 작업까지 완료한 뒤
GitHub Releases를 통해 새로운 버전을 공개할 예정입니다.

앞으로도 PageRivet에 많은 관심 부탁드립니다.

공식 홈페이지: https://pagerivet.github.io/

PageRivet 공식 홈페이지 제작을 준비하고 있습니다

PageRivet의 공식 홈페이지 제작을 앞두고 있습니다.

이번 홈페이지는 단순히 PageRivet을 소개하는 데 그치지 않고, PageRivet이 할 수 있는 일을 적극적으로 보여드리기 위해 PageRivet으로 직접 제작하여 선보일 예정입니다.

현재 PageRivet은 HTML, CSS, JavaScript 기반의 정적 웹 프로젝트를 편집하고 미리보며, MCP를 통해 AI와 협업할 수 있도록 구성되어 있습니다.

추가로 개발을 진행하면서 현재 부족한 기능도 확인하고 있습니다.

현재 PageRivet에는 이미지, 영상 등 웹 프로젝트에서 사용하는 리소스를 별도로 관리하는 기능이 없어, 다음 개발 단계에서는 이러한 리소스를 보다 편리하게 다룰 수 있도록 리소스 관리 기능을 추가할 계획입니다.

PageRivet은 아직 공개 베타 단계이며, 여전히 다양한 사용자 환경에서의 검증과 피드백이 필요합니다.

서로 다른 PC 환경, 사용 방식, 다양한 AI 클라이언트에서 실제로 사용했을 때 발생하는 문제나 불편사항은 혼자서는 모두 확인하기 어렵기 때문에, 사용 중 발견한 문제나 개선되었으면 하는 부분이 있다면 편하게 의견을 남겨주시면 감사하겠습니다.

앞으로 제작될 PageRivet 공식 홈페이지와 추가 기능에도 많은 관심 부탁드립니다.

PageRivet 1.1.1 — AI와 함께 사용하는 Windows 웹 코드 에디터

PageRivet은 HTML, CSS, JavaScript로 구성된 정적 웹 프로젝트를 만들고 편집하며 결과를 바로 확인할 수 있는 Windows 데스크톱 에디터입니다.

저는 전문 프로그래머가 아닙니다. 웹 빌더에서 사용할 HTML/CSS/JavaScript를 AI로 만들면서 생성된 코드를 확인하고 수정해 다시 적용하는 과정이 불편해 직접 사용할 도구로 시작했습니다. 간단한 코드 편집·미리보기 프로그램에서 출발해 실제 사용하면서 필요한 기능을 추가해 현재 형태로 발전했습니다.

현재 다중 HTML/CSS/JavaScript 편집, WebView2 미리보기, 코드 검증, 오류·콘솔 확인, History/Undo/Redo, 과거 상태 복원, 외부 파일 변경 감지, 내보내기 등을 지원합니다. AI 연동은 특정 서비스에 종속되지 않도록 MCP 방식을 사용하며 Codex, Claude Code, Cursor, VS Code/GitHub Copilot 등 여러 MCP 클라이언트가 프로젝트를 읽고 분석하거나 사용자 승인과 검증을 거쳐 코드를 수정할 수 있습니다.

기획과 기능·동작 방식은 직접 정하고, 구현에는 AI를 적극적으로 활용한 바이브코딩 방식을 사용했습니다. PageRivet은 웹 빌더나 전문 IDE를 대체하기보다는 정적 HTML/CSS/JavaScript 작업과 AI 협업에 집중한 도구입니다.

현재 테스트 배포 버전은 PageRivet 1.1.1 / Windows x64 Portable이며, 주요 기능 구현 후에는 비정상 종료 복구, 구조 정리, 스트레스 테스트, 진단 기능 등 안정성 개선을 진행했습니다.

아직 다양한 실제 사용자 환경에서의 검증이 부족합니다. 실행·사용 중 오류, 불편한 작업 흐름, MCP 연결 및 AI 작업 과정의 문제 등에 대해 피드백을 주실 테스터를 찾고 있습니다. 웹 개발자뿐 아니라 전문적으로 코드를 다루지는 않지만 AI를 활용해 웹 작업을 해보고 싶은 분의 피드백도 환영합니다.

https://github.com/raneree/PageRivet