{"@context":"https://schema.org","@type":"HowTo","@id":"https://bkamp.ai/ko/recipes/cc18c8f1-9258-4917-be7e-694bd410c7e9","name":"AI Pet Recipe","description":"Pet Recipe는 반려견의 견종, 나이, 체중, 알러지 정보를 기반으로\n맞춤형 식단과 관리 포인트를 제공하는 AI 케어 서비스입니다.\n\n복잡한 정보를 대신 정리해,\n보호자가 쉽고 빠르게 반려견 관리를 할 수 있도록 돕습니다.","url":"https://bkamp.ai/ko/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":"ko-KR","datePublished":"2026-01-30T10:56:36.084839Z","dateModified":"2026-04-08T05:32:35.570034Z","author":{"@type":"Person","name":"서진아_fcc9ac","url":"https://bkamp.ai/ko/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/ko/recipes/cc18c8f1-9258-4917-be7e-694bd410c7e9"}}

AI Pet Recipe

프로젝트 스케치

[STEP 2] 해커톤 프로젝트 중간 산출물

Step Roadmap

댓글 0개

AI Pet Recipe

프로젝트 스케치

[STEP 2] 해커톤 프로젝트 중간 산출물

Step Roadmap

댓글 0개

AI Pet Recipe

프로젝트 스케치

[STEP 2] 해커톤 프로젝트 중간 산출물

Step Roadmap

댓글 0개

AI Pet Recipe

프로젝트 스케치

[STEP 2] 해커톤 프로젝트 중간 산출물

Step Roadmap

댓글 0개