Outside, a little: 야외 활동을 유도하는 작은 가이드북
요약
본 글은 휴대폰 사용 습관을 개선하기 위해 야외 활동 아이디어를 제공하는 PWA 'Outside, a little' 개발 과정을 소개합니다. 이 앱은 사용자에게 작은 외부 활동 가이드를 제시한 후 화면에서 벗어나도록 유도하며, 오픈 모델인 SmolLM-135M-Instruct를 브라우저 환경(Transformers.js)에서 구동하여 구현했습니다.
핵심 포인트
- 휴대폰을 출발점으로 삼는 앱 아이디어 제시
- 야외 활동을 격려하는 PWA 개발 사례
- 오픈 모델(SmolLM)을 브라우저에서 직접 구동
이것은 Hacktoberfest Open-Source AI Challenge: Week 1 — Touch Grass에 제출하는 저의 작품입니다.
저는 휴대폰을 목적지가 아닌 출발점으로 삼는 앱을 만들고 싶었습니다. outside, a little은 야외에서 시간을 보내기 위한 작은 아이디어를 하나 제공한 다음, 화면을 치우도록 격려합니다.
사용해 보기: Outside, a little
코드: GitHub repo: outside-a-little
아이디어: 화면을 가장 짧은 부분으로 만들기
이 앱은
오픈 모델을 사용해야 하는 이유?
이 프로젝트는 HTML, CSS, JavaScript로 만들어진 작은 프로그레시브 웹 앱(PWA)입니다. HuggingFaceTB의 SmolLM-135M-Instruct의 ONNX 버전인 **SmolLM-135M-Instruct-ONNX**를 사용합니다. 브라우저에서 Transformers.js 3.8.1을 이용해 이를 로드합니다. 이 ONNX 모델은 각 질문 프롬프트를 호스팅되는 추론 API로 보내는 대신, 브라우저 내에서 실행됩니다.
모델이 준비되기 전에 다운로드되고 설정되어야 하므로, 첫 번째 로딩에는 시간이 걸리고 대역폭 및 장치 리소스를 사용합니다. 일단 준비가 되면, 퀘스트 생성은 로컬에서 이루어집니다. 이 앱은 휴대폰에 선택 사항과 일지 기록을 보관하며, 모델이 로드된 후에도 신호 없이 퀘스트를 사용할 수 있습니다.
저는 이 프로젝트를 PWA로 만들었기 때문에 앱 스토어를 거치지 않고 설치할 수 있습니다. PWA는 스마트폰에서 더 앱처럼 느껴지도록 만들어진 웹사이트입니다. 브라우저에서 열고, 설정되어 있다면 홈 화면에 추가할 수 있습니다.
이 로컬 방식은 이 앱에 적합합니다. 야외 가이드북은 누군가 프롬프트를 원할 때마다 서버로 왕복하는 것에 의존해서는 안 됩니다. 그리고 목적이 주변 세상을 인식하는 것이라면, 개인적인 성찰을 원격 서비스로 보내는 것은 불필요한 트레이드오프일 것입니다. 오픈 모델은 또한 사람들이 모델과 런타임 선택 사항을 검사하고 프로젝트가 성장함에 따라 이를 조정할 수 있게 합니다.
저는 모델의 작업을 좁게 유지했습니다: 끝없는 대화가 아니라, 작고 하나의 퀘스트로 하여 AI가 누군가를 시작하도록 돕고 그 다음에는 물러날 수 있도록 했습니다.
제가 배운 점
제품의 질문은 “어떻게 하면 AI가 더 많이 말하게 할 수 있을까?”가 아니었습니다. 그것은 “가장 작고 유용한 자극(nudge)은 무엇일까?”였습니다. 활동 목록이 길면 사람들의 주의가 휴대폰에 머물게 합니다. 짧고 구체적인 초대(invitation)는 벗어나기 쉽게 만듭니다.
이것은 초기 버전이며, 여러분의 피드백을 받고 싶습니다. 다른 종류의 퀘스트를 원하시나요, 아니면 약간 적은 안내가 이 시스템 작동에 필수적이라고 생각하시나요?
#hf26challenge
AI 자동 생성 콘텐츠
본 콘텐츠는 Dev.to AI tag의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기

