_이 글은 Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass 제출물입니다.
내가 만든 것
OutsideFix — 사진 한 장으로, 임무 하나로, 작은 행동 하나로. 🌱
만약 AI가 우리가 스크린에서 더 많은 일을 하도록 돕는 것을 넘어, 우리를 스크린에서 벗어나게 돕는다면 어떨까요?
이것이 Touch Grass 챌린지를 위해 제가 만든 AI 기반 야외 활동 동반자인 OutsideFix의 아이디어입니다.
공원에서 쓰레기를 발견했지만 어떤 실질적인 행동을 해야 할지 모르는 상황을 상상해 보세요. OutsideFix는 야외 문제 사진을 업로드하면, 그 관찰 내용을 실행 가능한 단계, 예상 소요 시간, 안전 지침이 포함된 관리 가능한 임무로 변환해 줍니다.
작동 방식은 다음과 같습니다:
- 📸 관찰: 야외 문제의 사진을 업로드합니다.
- 🧠 이해: Gemma가 이미지를 분석하는 것을 돕습니다.
- 🎯 첫걸음 내딛기: 실용적인 AI 생성 야외 임무를 받습니다.
- 🌿 실행하기: 임무를 저장하고, 안전할 때 행동하며, 진행 상황을 보고합니다.
목표는 간단합니다. 문제를 인식하는 것과 그 문제에 대해 무언가를 하는 것 사이의 거리를 줄이는 것입니다.
OutsideFix는 다른 앱에서 더 많은 시간을 보내는 것에 관한 것이 아닙니다. 기술이 충분히 유용해서 닫고 밖에 나갈 수 있게 만드는 것에 관한 것입니다.
데모
🌐 실시간 애플리케이션: https://outside-fix.vercel.app/
⚙️ 백엔드 상태 확인: https://outsidefix.onrender.com/api/health
이 애플리케이션은 프론트엔드는 Vercel을, 백엔드는 Render를 사용하여 배포되었습니다.
OutsideFix를 경험하는 가장 좋은 방법은 이미지를 업로드하고, 임무를 생성하며, 그것이 제공하는 실행 가능한 단계를 탐색해 보는 것입니다.
코드
💻 GitHub 저장소: https://github.com/Harini-7228/OutsideFix
이 프로젝트는 프론트엔드, 백엔드 API, AI 통합 및 미션 관리 기능을 포함합니다.
커뮤니티 여러분께서 코드를 탐색하고, 애플리케이션을 사용해 보시고, 더 유용하게 만들 수 있는 제안을 공유해주시면 좋겠습니다.
구축 과정 (How I Built It)
저는 OutsideFix를 다음 기술들을 사용하여 풀스택 애플리케이션으로 구축했습니다:
- 프론트엔드: React, Vite, TypeScript
- 백엔드: Node.js, Express, TypeScript
- 이미지 이해 및 미션 생성을 위해 설정 가능한 모델 API를 통해 Gemma 사용.
- 미션 영속성(persistence): MongoDB Atlas 및 Mongoose
- 배포: Vercel 및 Render
작업 흐름은 사용자가 이미지를 업로드할 때 시작됩니다. 백엔드는 요청을 검증하고, 이미지와 프롬프트를 설정된 AI 모델로 전송한 다음, 생성된 결과를 사용하여 구조화된 야외 미션을 제공합니다. 이 애플리케이션은 미션을 저장하고 관리하는 기능을 지원합니다.
또한 입력 유효성 검사(input validation), 업로드 제한, 속도 제한(rate limiting) 및 안전 지향적 로직을 통합했습니다.
가장 중요했던 설계 결정 중 하나는 AI 분석 이후의 '행동'에 초점을 맞춘 것이었습니다. 문제를 인식하는 것은 유용하지만, 누군가 합리적인 다음 단계를 식별하도록 돕는 것이 경험을 더 실용적으로 만듭니다.
오픈 혁신이 중요한 이유 (Why Does Open Innovation Matter?)
오픈 혁신은 개발자들이 폐쇄적이고 범용적인 인터페이스를 넘어 AI로 실험하고 특정 요구사항을 중심으로 경험을 구축할 수 있도록 합니다.
Gemma를 통해 저는 오픈 가중치(open-weight) 모델이 이미지 이해와 실제 행동을 연결하는 집중된 애플리케이션에 어떻게 기여할 수 있는지 탐구할 수 있었습니다.
OutsideFix의 경우, 흥미로운 질문은 단순히
“AI가 다음 행동을 결정하는 데 도움을 줄 수 있을까?”라는 질문에서 시작되었습니다.
Open 모델은 개발자들에게 모델 선택지를 탐색하고, 워크플로우를 조정하며, 자체 제품 주변에 전문화된 경험을 구축할 기회를 제공합니다. 또한 실제 애플리케이션을 구축하고 테스트하며 개선하는 과정을 통해 학습하기 쉽게 만듭니다.
OutsideFix는 이러한 아이디어를 탐구한 결과물입니다: 오픈 AI를 사용하여 화면 너머의 실질적인 행동을 장려하는 것입니다.
나의 에이전트 세션 (My Agent Session)
OutsideFix는 이미지 분석 및 미션 생성을 위해 구성된 AI 모델 API를 사용합니다. 공유할 저장된 세션 링크가 없어서 DevRelay 에이전트 세션은 포함하지 않았습니다.
경품 카테고리 (Prize Categories)
- Gemma: 이미지 이해 및 야외 미션 생성을 위한 오픈소스 AI 통합.
- MongoDB Atlas: 미션 지속성(persistence) 및 데이터 관리.
- Render: 백엔드 배포.
🌎 사진 한 장. 임무 하나. 작은 행동 하나.
우리는 종종 기술을 얼마나 자동화하는지, 또는 사람들이 얼마나 오랫동안 사용하는지로 측정합니다.
OutsideFix는 다른 측면을 탐구합니다: 기술이 누군가에게 현실 세계에서 의미 있는 무언가를 할 수 있도록 돕는가?
작은 행동이 모든 문제를 해결하지는 못할지라도, 첫걸음을 더 쉽게 만들 수는 있습니다.
여러분의 생각을 듣고 싶습니다:
AI가 주변 환경을 개선하기 위한 작은 행동 하나를 취하는 데 도움을 줄 수 있다면, 무엇을 선택하시겠습니까?
devchallenge #hf26challenge