웨딩 영상 스튜디오 웹사이트 · 관리자 CMS

배경

웨딩 영상 스튜디오는 포트폴리오를 보여주고 상담 예약을 받는 홈페이지가 필요하지만,
매번 새로 만들면 스튜디오마다 처음부터 다시 시작해야 합니다.
한 곳에 맞춘 사이트를 만들되 다른 스튜디오도 도메인만 연결하면 쓸 수 있는 구조로 설계했습니다.

역할

기획, 백엔드, 프론트엔드, 배포까지 단독으로 수행했습니다.

만든 것

고객이 보는 사이트

• 프리웨딩·본식 영상 포트폴리오, 패키지 안내, 후기, 상담 예약 폼
• 스튜디오가 직접 구성을 바꿀 수 있는 소개 페이지
• 분위기에 맞춰 고를 수 있는 4가지 테마와 한국어·영어, 다크 모드

스튜디오가 쓰는 관리자 (13개 화면)

• 포트폴리오·패키지·게시글 관리, 예약 접수 현황, 회원 관리
• 후기 요청 링크 발급 — 관리자가 일회용 토큰을 만들면 신랑신부가 그 링크로만 후기를 남길 수 있어,
  실제 촬영한 고객의 후기만 쌓입니다
• 브라우저에서 이미지를 리사이즈해 업로드하고 파비콘까지 자동 생성
• 업데이트 내역을 버전별로 보여주고 읽음 여부를 사람마다 따로 기록
• 관리자용 사용 설명서를 앱 안에 내장

만든 방식

• Ruby on Rails 7.1 API + Vue 3 + TypeScript, DB는 PostgreSQL
• 요청의 도메인·서브도메인으로 어느 스튜디오인지 판별하는 멀티테넌트 구조
• JWT 인증과 역할 기반 관리자 접근
• 영상은 직접 호스팅하지 않고 임베드로 처리해 운영 비용을 낮춤
• GitHub Actions로 검사와 배포를 자동화하고 버전 태그로 릴리스 관리

규모

• 코드 약 2.3만 줄, 테이블 13개, 마이그레이션 20개
• 화면 22개 (공개 8 · 관리자 13 · 로그인)
• 2026년 1월 19일부터 약 8일 만에 v1.0.0 → v1.4.8까지, 단독 개발