Claude와 Vibe Coding으로 구축한 시각적 탐색 플랫폼 endlss.co 개발기

실용적 조언

인프라 구축 시 Claude를 활용해 Terraform 코드를 작성하면 AWS 자원 관리를 자동화할 수 있다.
이미지 유사도 검색 시스템을 만들 때 CLIP 모델을 사용하면 텍스트 태그 없이도 시각적 연관성을 확보할 수 있다.
LoRA 적용이 필요한 생성 AI 서비스라면 fal.ai 같은 API보다 자체 ComfyUI 워크플로를 구축하는 것이 유연하다.

섹션별 상세

기술 스택 및 인프라 구성에 대해 React/TS 기반 PWA와 Node/Express API를 사용했으며, AWS 환경에서 Terraform과 Docker를 통한 CI/CD 파이프라인을 구축했다. Claude와 tmux를 활용해 개발 효율을 높였으며, 확장 가능한 마이크로서비스 구조를 지향했다. 인프라 전체를 코드로 관리하여 배포 자동화를 실현한 점이 특징이다.

AI 기반 이미지 매칭 및 관리 로직은 CLIP 모델을 사용하여 이미지 간의 시각적 유사성을 계산하고 색상 및 태그 매칭을 통해 관련 콘텐츠를 연결한다. Anthropic의 Claude API를 활용한 'Slurp' 도구로 외부 이미지를 수집할 때 자동 태그 지정 및 모더레이션을 수행한다. 이를 통해 수동 작업 없이도 대량의 데이터를 효율적으로 분류하고 관리한다.

이미지 및 비디오 생성 워크플로는 Flux, Mochi, Hunyuan 등 최신 생성 모델을 지원하며, LoRA 적용을 위해 fal.ai 대신 직접 구축한 ComfyUI 워크플로를 사용한다. 전용 H100, H200, B200 하드웨어에서 모델을 구동하여 구독 기반의 고성능 생성 서비스를 제공한다. 상용 API의 제약을 극복하기 위해 자체 추론 서버를 구축한 점이 핵심이다.

사용자 피드백 및 운영 이슈와 관련하여 초기 테스트 사용자 40명을 대상으로 운영한 결과, NSFW 콘텐츠 업로드 문제에 직면하여 이를 필터링하고 관리하는 테마 및 모더레이션 기능을 추가했다. 단순한 이미지 뷰어를 넘어 소셜 미디어 요소와 생성 기능을 결합하여 플랫폼의 깊이를 더했다. 주관적 가치가 있는 콘텐츠를 포용하면서도 시스템적인 관리를 병행하는 방향을 선택했다.

용어 해설

CLIP: — OpenAI가 개발한 시각-언어 대조 학습 모델로, 이미지와 텍스트를 동일한 벡터 공간에 임베딩하여 유사도 검색을 가능하게 한다. 이 프로젝트에서는 이미지 간의 시각적 유사성을 계산하여 관련 콘텐츠를 연결하는 핵심 엔진으로 사용됐다.
프로그레시브 웹 앱(PWA): — 웹 기술을 사용하여 네이티브 앱과 유사한 사용자 경험을 제공하는 웹 애플리케이션이다. 오프라인 작동, 푸시 알림, 홈 화면 추가 기능을 지원하여 별도의 앱 스토어 배포 없이도 모바일 접근성을 높일 수 있다.
ComfyUI: — 노드 기반의 Stable Diffusion GUI로, 복잡한 이미지 생성 워크플로를 시각적으로 설계하고 자동화할 수 있는 도구이다. 작성자는 LoRA 적용과 모델 커스터마이징을 위해 직접 ComfyUI 워크플로를 구축하여 운영 중이다.
저순위 적응(LoRA): — 거대 모델의 전체 가중치를 수정하지 않고 일부 파라미터만 학습시켜 특정 스타일이나 인물을 빠르게 학습시키는 경량화 기법이다. 적은 자원으로도 모델의 출력을 미세 조정할 수 있어 개인화된 이미지 생성에 필수적이다.
테라폼(Terraform): — 코드로 인프라를 관리하는 IaC(Infrastructure as Code) 도구이다. 클라우드 자원 생성을 자동화하고 버전 관리를 가능하게 하여, 복잡한 AWS 인프라를 일관성 있게 배포하고 유지보수하는 데 사용된다.

언급된 도구

Claude추천

AI 코딩 보조 및 콘텐츠 모더레이션

CLIP추천

이미지 유사도 매칭

ComfyUI추천

생성 AI 워크플로 관리

Terraform추천

인프라 자동화 관리

Flux추천

이미지 생성 모델

언급된 리소스

Demoendlss.co