프로덕트

팔로우 중인 프로덕트

웹사이트를 고객에게 보내기 전, URL 하나로 404·깨진 이미지·모바일 깨짐·JS 오류를 점검하고 증거 리포트로 정리하는 배포 전 QA 서비스

가입·설치·서버 저장 제로! 1초 만에 열리는 100% 로컬 무한 캔버스 화이트보드

포스트

전체 보기
R

raneree

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 - AI와 함께 HTML/CSS/JS를 만들고 수정하는 Windows 에디터

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

2
3
R

raneree

PageRivet에 대한 현재 고찰

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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


앞으로도 지키고 싶은 원칙

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

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

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

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

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

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

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

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

1
0
R

raneree

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

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

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

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

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

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

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

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

0
0
R

raneree

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 - AI와 함께 HTML/CSS/JS를 만들고 수정하는 Windows 에디터

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

0
0
R

raneree

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 - AI와 함께 HTML/CSS/JS를 만들고 수정하는 Windows 에디터

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

0
0