글을 쓰다가 날아가서 다시 작성하고 있습니다. ㅠㅠ
소개
시도하고자 했던 것과 그 이유
강아지를 키우다 보면 항상 고민이 생깁니다. "사료만 줘도 될까? 좀 더 맛있고 영양가 있는 걸 줄 순 없을까?" 저처럼 강아지를 가족처럼 생각하는 보호자라면 공감하실 거예요.
그래서 생각했어요. "강아지에게 맞춤형 홈쿡 레시피를 추천해주는 서비스가 있으면 어떨까?"
레시피 콘텐츠는 유튜브에도 정말 많은데, 강아지용으로 정리된 정보는 생각보다 적더라고요. 고관여 보호자들에게 딱 맞는 서비스가 될 수 있을 것 같아서 직접 만들어보기로 했습니다!
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
💡 사용 도구
ChatGPT-4 + GPTs: 아이디어 브레인스토밍 및 프롬프트 테스트
o1 pro: 기획서(PRD) 작성 자동화
lovable: 노코드 기반 웹사이트 제작
supabase: 백엔드 데이터베이스 연동
💬 사용한 프롬프트
PRD를 만들어줄래요?
<Instructions>
강아지를 위한 건강한 홈쿡 레시피를 소개하는 웹사이트를 기획하세요. 이 사이트는 유튜브와 연동되어 롱폼 강의 영상과 숏츠형 레시피 콘텐츠를 함께 제공합니다. 사용자들이 강아지에게 맞는 요리법을 찾고, 시청하며 따라할 수 있도록 콘텐츠 구조를 설계하세요. 답변은 반드시 한글로 작성되어야 합니다.
</Instructions>
<Persona>
반려견 요리 콘텐츠 & 영상 플랫폼 기획자 (Pet Recipe Web & Video Content Strategist)
</Persona>
<Role>
당신은 반려견 홈쿡 레시피 웹사이트와 연동 유튜브 콘텐츠를 기획하는 전문가입니다. 사용자에게 영양학적으로 신뢰할 수 있으면서도 시청각적으로 따라 하기 쉬운 요리 콘텐츠를 제공하는 것을 목표로 합니다. 다음을 포함하는 콘텐츠 전략과 웹사이트 구조를 제안하세요:
1. **레시피 콘텐츠 카테고리**
- 주재료 기반 필터링 (닭, 연어, 고구마 등)
- 연령/건강 상태 기반 필터링 (어린 강아지, 노령견, 알레르기 등)
- 계절/기념일 요리 추천 (겨울 보양식, 생일케이크 등)
2. **유튜브 영상 콘텐츠 섹션**
- 롱폼 콘텐츠: 수의사/전문가와 함께 만드는 홈쿡 시리즈 (예: “간 건강을 위한 간식 만들기” 15분)
- 숏츠 채널: 빠르게 따라 할 수 있는 30~60초 레시피 영상 모음
- 영상별 레시피 요약 및 다운로드 기능 (PDF, 이미지 등)
3. **유저 인터랙션 및 커뮤니티**
- 영상 하단 댓글/후기 공유
- 강아지 프로필 등록 후 맞춤형 영상 추천 (예: 3살, 치와와 → 저칼로리 간식 추천)
- SNS 공유 기능, 인스타그램 쇼츠 릴스 연동
4. **웹사이트 기본 구조 예시**
- 상단: 홈, 레시피, 영상, 나의 강아지, 커뮤니티
- 홈: 인기 레시피 + 추천 영상 썸네일
- 영상 페이지: 유튜브 임베드 + 재료/순서 타임라인 제공
- 레시피 상세: 영상 + 텍스트 요약 + PDF 다운로드 + 추천 비슷한 영상
5. **브랜드 & 톤앤매너**
- 밝고 따뜻한 컬러 (연노랑, 크림톤)
- 귀여운 강아지 캐릭터 아이콘
- ‘사랑하는 강아지를 위한 오늘의 요리’ 같은 따뜻한 카피 활용
</Role>
<examples>
사용자 입력: "강아지 홈쿡 레시피 사이트에 유튜브 숏츠와 영상도 넣고 싶은데, 어떻게 구성하면 좋을까요?"
GPT 출력 예시:
"추천 구성:
- '오늘의 숏츠 레시피' 섹션: 60초 미만 영상 리스트 노출
- '전문가의 홈쿡 강의' 섹션: 주제별 롱폼 영상 (예: 면역력 강화 시리즈)
- 영상 하단에 관련 재료 링크 및 레시피 글 요약 표시
- 유튜브 채널과 웹사이트 상호 연동으로 구독 유도 및 시청시간 증가 설계"
</examples>
<Chain of Thought>
1. 사용자의 요청은 단순한 웹사이트 구성에 그치지 않고 **유튜브 영상 콘텐츠(롱폼, 숏츠) 연동**까지 포함됩니다.
2. 따라서 기존의 '콘텐츠 전문가' 역할에서 확장된 "Pet Recipe Web & Video Content Strategist" 역할을 새롭게 설정합니다.
3. 웹사이트의 주요 기능과 콘텐츠 카테고리는 사용자가 원하는 레시피 검색성 + 영상 시청 경험을 고려하여 기획합니다.
4. 시각 콘텐츠 활용을 극대화하기 위해 **영상별 요약**, **PDF 다운로드**, **영상 속 레시피 분할 타임라인** 같은 부가 기능도 제안합니다.
5. 사용자 맞춤 추천, 커뮤니티 기능, SNS 확장성까지 고려하여 **영상 기반 웹 플랫폼**으로 확장성 있는 구조를 설계합니다.
6. 마지막으로, 최종 답변이 반드시 한글로 작성되어야 함을 명시합니다.
</Chain of Thought>아래와 같이 웹사이트 구조까지 GPT가 알려주는 부분이 매우 신기했습니다.
┌────────────────────────────────────────────────┐
│ 상단 헤더: 로고 / 검색바 / 메뉴(홈, 레시피, 영상, 나의 강아지, 커뮤니티) │
└────────────────────────────────────────────────┘
┌────────────────────┐ ┌────────────────────┐
│ 홈 │ │ 레시피 메뉴 │
│ - 인기 레시피 │ │ - 주재료 필터 │
│ - 추천 영상 썸네일 │ │ - 연령/건강 필터 │
│ - 시즌/이벤트 배너 │ │ - 계절/기념일 분류 │
└────────────────────┘ └────────────────────┘
┌─────────────────────────┐ ┌─────────────────────────┐
│ 영상 페이지 │ │ 나의 강아지 │
│ - 유튜브 임베드 │ │ - 반려견 프로필 │
│ - 타임라인(재료·조리단계)│ │ - 맞춤 추천 영상·레시피 │
│ - 관련 레시피/영상 추천 │ │ - 알림/레시피 즐겨찾기 │
└─────────────────────────┘ └─────────────────────────┘
┌────────────────────────────────────┐
│ 커뮤니티 │
│ - 댓글/후기 게시판 │
│ - 공지사항, 이벤트 │
│ - SNS 공유, 후기 인증샷 게시판 │
└────────────────────────────────────┘
┌─────────────────────────────────────────────┐
│ [카테고리 필터] │
│ ------------------------------------------ │
│ 주재료 [ 닭 □ ] [ 소고기 □ ] [ 연어 □ ] ... │
│ 연령 [ 어린 강아지 □ ] [ 성견 □ ] [ 노령견 □ ] │
│ 건강 상태 [ 알레르기 □ ] [ 간/신장 질환 □ ] ... │
│ 계절/기념일 [ 봄 □ ] [ 여름 □ ] [ 생일 □ ] [ 명절 □ ] ... │
│ │
│ [필터 초기화] [선택된 필터: 닭+알레르기+여름] │
└─────────────────────────────────────────────┘
┌─────────────────────────────────────────────┐
│ [필터 결과: 레시피 카드 리스트] │
│ 예) ‘알레르기 주의 닭 가슴살 샐러드’, │
│ ‘여름용 시원한 닭고기 젤리 간식’ 등 │
│ ------------------------------------------ │
│ 각 레시피 카드: │
│ - 대표 이미지 썸네일 │
│ - 레시피 제목 │
│ - 요리 난이도 / 소요 시간 / 추천 수 │
│ - 클릭 시 레시피 상세 페이지로 이동 │
└─────────────────────────────────────────────┘📸 활용 이미지 및 화면 캡처
(👉 캡처 화면을 여기에 추가해 주세요!)
🔧 백엔드 연동 후기
처음으로 supabase를 붙여봤는데, 생각보다 supabase를 붙이는데 어렵지 않았습니다.(supabase 연결해줘)
로그인, 데이터 저장, 추천 기능 연동까지 모두 가능해서 놀라웠습니다.
결과와 배운 점
배운 점 & 꿀팁
lovable은 빠르게 UI 구성 가능하지만 반복 수정은 감수해야 해요.
supabase는 비개발자에게도 친절한 백엔드 도구라는 것을 체감했습니다.
기획이 명확하다면, 도구들이 그걸 현실로 만들어줍니다!
시행착오
원하는 디자인이 한 번에 구현되지 않아 여러 번 수정했어요.
데이터 구조를 미리 생각하지 않아서 supabase 구조 설계에 시간이 걸렸어요.
앞으로의 계획
실제 사용자 테스트를 통해 레시피 추천 로직을 개선해볼 예정이에요.
보호자 커뮤니티와의 연계도 생각 중입니다!
도움 받은 글 (옵션)
성준님이 추천해주신 supabase 관련 내용
https://www.gpters.org/health/post/go-sleep-make-money-OjqqzBxs4l22leg