Loading…
vavel.io는 전적으로 Vavelio의 엔지니어들이 만들었습니다. 이 페이지는 이 사이트가 어떻게 작동하는지에 대한 완전한 공개입니다 — 스택, 에셋, 그리고 호스팅. 우리는 현실을 믿기에, 여기에 숨겨진 것은 없습니다.
이 사이트의 모든 줄은 Vavelio 엔지니어가 작성하고 검토했습니다. 우리는 생산 속도를 높이기 위해 AI를 사용했습니다 — AI가 코드를 생성하고, 우리가 감독했습니다. 우리는 열쇠를 넘겨주고 마음대로 하게 두지 않았습니다: 모든 변경은 사람이 모니터링하고, 검토하고, 배포했습니다. AI는 작업을 가속화했을 뿐, 엔지니어를 대체하지 않았고, 결정을 내리지도 않았습니다.
컴포넌트 라이브러리 없음. 애니메이션 라이브러리 없음. 아이콘 팩 없음. 인터페이스는 손으로 직접 작성되었습니다 — 모든 상호작용과 다이어그램은 자체 제작입니다.
셀프 호스팅 원칙에 대한 세 가지 의도적 예외가 있습니다. 문의 양식은 Formspree(미국 양식 백엔드)를 통해 전달됩니다 — 보내신 메시지만 처리하며 사이트 사용 또는 분석 데이터는 전혀 처리하지 않습니다. 사이트 구조 다이어그램은 편의를 위해 draw.io 뷰어에서 열립니다(.drawio 소스는 다운로드 가능). 배포는 위에서 설명한 대로 Cloudflare 엣지를 통해 이루어집니다. 이들 모두 클라이언트 데이터를 처리하지 않습니다.
이 사이트의 로고와 모든 다이어그램은 손으로 작성된 SVG입니다 — 어떤 해상도에서도 선명하고, 크기가 작으며, 소스로 감사 가능합니다. 아이콘 폰트도 스톡 그래픽도 없습니다. 유일한 래스터 이미지는 소셜 공유 미리보기(og-image.png)와 데이터센터 사진 한 장(datacenter.webp), 사이트 구조도(site-structure.webp)뿐입니다. 나머지는 전부 벡터입니다.
이 사이트는 완전한 정적 내보내기입니다 — 빌드는 서버도, 데이터베이스도, API도 없는 순수한 HTML, CSS, JavaScript를 생성합니다. 그 덕분에 빠르고, 운영 비용이 저렴하며, 망가지기 어렵습니다. 우리의 분석 도구는 우리 자체 제품입니다 — VALS, 자체 호스팅된 쿠키 없는 Matomo 인스턴스 — 그래서 이 사이트의 어떤 것도 제3자 데이터 처리 업체에 의존하지 않습니다.
이 사이트는 Cloudflare(CDN 및 WAF)를 통해 서빙되어 전 세계 어디에서나 빠르게 로드됩니다. 우리는 자체 인프라에서 서빙하는 것을 더 선호하지만, 아직 모든 지역에 데이터센터가 없습니다 — 그래서 Cloudflare가 현재 우리의 글로벌 엣지입니다. 이는 선호가 아니라 전 세계적인 속도를 위한 필요였습니다. 데이터센터의 입지를 확장함에 따라, 우리는 이 사이트를 자체 인프라로 이전할 계획입니다.