클라이언트 로고 섹션을 계속 재구성하는 데 지쳐서, 대신 작은 위젯을 만들었습니다
Source: Dev.to
Overview
새 웹사이트나 사이드 프로젝트를 배포할 때마다 같은 작업을 반복하게 되었습니다: 로고 섹션 만들기.
그리드가 필요하든, 스크롤이 필요하든, 모바일 친화적인 레이아웃이 필요하든 구현이 반복적이고 의외로 깨지기 쉬웠습니다.
Client Logo Wall은 로고를 한 번 업로드하고 대시보드에서 관리한 뒤, HTML 한 줄만 삽입하면 어느 사이트든 쉽게 넣을 수 있는 작고 임베드 가능한 위젯입니다.
Features
- Dashboard uploads – 한 곳에서 로고를 추가하고 정리합니다.
- Layout options – 정적 그리드 또는 자동 스크롤 캐러셀 중 선택합니다.
- Easy embedding – WordPress, Shopify, Ghost, Webflow, 혹은 일반 HTML에서도 동작합니다. 프론트엔드 프레임워크 가정 없이, 무거운 JavaScript나 레이아웃 오버라이드 없이 사용할 수 있습니다.
- Performance‑focused – 엄격한 업로드 크기 제한, 서버‑사이드 렌더링, 가벼운 iframe 임베드 제공.
- Security – 속도 제한, 웹훅 검증, 입력 정화 기능 포함.
- Subscription billing – 무료 체험이 포함된 Stripe 연동 결제 시스템.
Technical Details
- Stack: MERN (Node, Express, MongoDB, React)
- Rendering: 위젯은 서버‑사이드에서 렌더링되어 iframe을 통해 전달됩니다.
- Hosting: CMS 없이도 임베드할 수 있도록 설계되었습니다.
Who It’s For
- 인디 해커
- 프리랜서
- 소규모 SaaS 창업자
- 웹사이트 개발자, 디자이너, 빌더
- 로고 레이아웃을 수동으로 조정하는 데 지친 모든 사람
Live Demo & Documentation
ClientLogoWall.com – Live demo & docs
Feedback
여러분의 의견을 진심으로 듣고 싶습니다:
- 이것이 실제로 불편함을 해결해 주나요?
- 이런 도구에서 기대하는 기능은 무엇인가요?
- 다르게 만들고 싶은 부분이 있나요?
가장 좋은 도구는 여러분이 임베드하고 나면 조용히 사라지는 것일지도 모릅니다.