저는 제 SaaS 홈페이지에 공개 그래피티 월을 설치했... 노트

저는 제 SaaS 홈페이지에 공개 그래피티 월을 설치했습니다.

대부분의 SaaS 홈페이지는 제품 스크린샷을 정적으로 사용하여 제공하는 서비스를 보여줍니다. 하지만 이 제품의 홈페이지는 대신 "Owners Were Here"라는 임베디드된 기능성 방명록을 사용합니다. 위젯 빌더로 구축된 이 방명록은 실제 라이브 제출을 보여줌으로써 제품의 보이지 않는 백엔드를 시연합니다. 이 방명록은 스크린샷으로는 전달할 수 없는 기능을 강조하는 개념 증명 역할을 합니다. 이러한 선택의 주요 이유는 마케팅 자료에서 양식을 설득력 있게 위조하기 어렵기 때문입니다. 임베디드 방명록은 사용자 기여를 통해 즉각적이고 복합적인 소셜 프루프를 제공하는 것을 목표로 합니다. 이 접근 방식은 유기적으로 채워지는 "그래피티 월" 미학을 활용합니다. 공개 엔드포인트를 노출할 때는 강력한 보안 조치가 중요합니다. 여기에는 Cloudflare Turnstile을 통한 봇 탐지, 속도 제한, 스키마 유효성 검사, 악용 방지를 위한 크기 제한이 포함됩니다. 신뢰할 수 없는 사용자 입력을 렌더링하는 것은 크로스 사이트 스크립팅과 같은 보안 취약점을 피하기 위해 신중한 처리가 필요합니다. 사용자 생성 콘텐츠를 안전하게 표시하려면 innerHTML 대신 textContent를 사용하여 텍스트를 적절하게 정리하는 것이 필수적입니다. 방명록이 커지면 홈페이지 레이아웃과 로드 시간에 부정적인 영향을 줄 수 있습니다. 최대 높이와 내부 스크롤이 있는 뷰포트를 구현하면 방명록이 페이지를 압도하는 것을 방지할 수 있습니다. 일부 불필요한 항목이 예상되지만, 임베디드 위젯의 핵심 보안 및 기능은 이러한 디자인 선택으로 보호됩니다.