{"@context":"https://schema.org","@type":"HowTo","@id":"https://bkamp.ai/en/recipes/cc18c8f1-9258-4917-be7e-694bd410c7e9","name":"AI Pet Recipe","description":"Pet Recipe is an AI care service that provides customized diets and care tips based on your dog's breed, age, weight, and allergy information.\n\nIt organizes complex information on your behalf, helping owners manage their dogs easily and quickly.","url":"https://bkamp.ai/en/recipes/cc18c8f1-9258-4917-be7e-694bd410c7e9","image":"https://media.bkamp.ai/uploads/recipe_thumbnail/25a73df2-ab3a-4938-8cb4-ad363c138372/8b356fac-17cc-45e5-8837-6a2c01f9b2ee.png","inLanguage":"en-US","datePublished":"2026-01-30T10:56:36.084839Z","dateModified":"2026-04-08T05:32:35.570034Z","author":{"@type":"Person","name":"서진아_fcc9ac","url":"https://bkamp.ai/en/users/서진아_fcc9ac"},"publisher":{"@type":"Organization","name":"bkamp","url":"https://bkamp.ai"},"educationalLevel":"초급","category":"콘텐츠","step":[{"@type":"HowToStep","position":1,"name":"프로젝트 스케치","text":"

🚩 팀 이름
👉 PetRecipe

👥 구성원
👉 개인

🛠️ 구성원 역할

기획 · 프롬프트 설계 · AI 활용

📝 프로젝트 주제
👉 AI 기반 맞춤형 강아지 케어 서비스

🚀 프로젝트 선정 배경
👉 반려견 보호자들은 사료, 간식, 건강 관리 정보를 검색할 때 정보가 흩어져 있고 신뢰성 판단이 어렵다는 문제를 겪습니다. 견종·나이·체중·알러지 등 개별 특성을 고려하지 않은 정보는 오히려 혼란을 주기 때문에, 반려견 정보를 기반으로 맞춤형 케어 가이드를 제공하는 AI 서비스의 필요성을 느꼈습니다.

🎯 프로젝트 구현 목표
👉 반려견 기본 정보 입력
→ 경량 LLM을 통한 건강·식단 특성 분석
→ 사료·간식·관리 포인트 요약
→ 보호자가 바로 이해할 수 있는 맞춤 케어 가이드 생성

"},{"@type":"HowToStep","position":2,"name":"[STEP 2] 해커톤 프로젝트 중간 산출물","text":"

💡 프로젝트의 진행 상황을 공유해 주세요.

🏗️ 현재 구현 진척도
👉전체 기획 대비 약 50~60% 구현 완료

메인 랜딩 페이지 UI 구현 완료
반려견 정보 입력 화면(Profile Step) 구성 완료
입력값 기반 결과 화면(Result) 구조 설계 및 일부 UI 구현
실제 API 연동 없이, 입력값 기반 데모 결과 출력 방식으로 동작

📐 설계 및 구조도 (Architecture)
👉 단순한 프론트엔드 중심 구조

index.html : 화면 구조 및 섹션(Home / Profile / Result) 구성
style.css : 카드형 레이아웃, 버튼, 컬러 테마 등 UI 스타일 정의
app.js : 화면 전환 로직 및 사용자 입력값 처리 (상태 관리)
서비스 흐름
1. 홈 화면 진입
2. 반려견 기본 정보 입력 (견종, 나이, 체중, 알러지)
3. 입력값 요약
4. 맞춤 케어 정보 데모 결과 화면 표시

📸 주요 화면 스크린샷 / 시연 (Work in Progress)
👉 현재 구현된 화면 기준

$\"실행화면\"$ $\"실행화면1\"$ $\"실행화면2\"$

🛠️ 기술 스택 및 라이브러리
👉프론트엔드 중심 기술 스택

HTML5
CSS3
Vanilla JavaScript
Cursor IDE (AI 코드 보조 활용)
Live Server (로컬 실행 및 테스트)

※ 현재 단계에서는 외부 API, 백엔드, DB 미사용

🚨 해결 중인 고민 (Troubleshooting)
👉현재 고민 및 개선 예정 사항

실제 AI 추천 로직(API) 연동 시 구조 확장 방식
입력 데이터 검증 로직 강화 필요
결과 화면에서 “맞춤 케어 신뢰도”를 어떻게 표현할지 고민 중
데모용 결과를 넘어 현실적인 추천 시나리오 설계 필요
※ API 연동 시 설계 방향 및 데모 프로젝트에서 적절한 구현 범위 에 대한 조언을 받고 싶습니다.

"}],"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":570},{"@type":"InteractionCounter","interactionType":"https://schema.org/BookmarkAction","userInteractionCount":0}],"mainEntityOfPage":{"@type":"WebPage","@id":"https://bkamp.ai/en/recipes/cc18c8f1-9258-4917-be7e-694bd410c7e9"}}

AI Pet Recipe

Project Sketch

[STEP 2] Hackathon Project Intermediate Deliverables

Step Roadmap

댓글 0개

AI Pet Recipe

Project Sketch

[STEP 2] Hackathon Project Intermediate Deliverables

Step Roadmap

댓글 0개

AI Pet Recipe

Project Sketch

[STEP 2] Hackathon Project Intermediate Deliverables

Step Roadmap

댓글 0개

AI Pet Recipe

Project Sketch

[STEP 2] Hackathon Project Intermediate Deliverables

Step Roadmap

댓글 0개