AI 행동을 제어하고 이용자의 충동도 제어하는 서비스 만들어보기

잠깐만AI 개발 사례기

"AI에게 다 맡길 순 없다. AI 행동 제어 서비스 만들어본 이야기


1. 시도하고자 했던 것, 그리고 그 이유

AI에 이거저거 맡기는 데 "AI에게 권한을 부여하는 서비스"

서비스

잠깐만AI는 사용자가 어떤 행동을 하려 할 때, AI가 감정 상태·위험도·신뢰 지수를 분석해 통과(PASSED), 보류(DEFERRED), 차단(BLOCKED) 세 가지 중 하나를 결정해주는 서비스

네 가지 게이트로 구성했다:

  • PayPause — 충동 구매 차단

  • KindPause — 과격한 말투·메시지 검사

  • RelPause — 관계 과잉 행동 방지

  • NightPause — 야간 충동 행동 브레이크

특허출원된 사항을 서비스로

  • 특허 1: 감정·맥락 기반 동적 권한 결정 시스템

  • 특허 2: SIUI·UIC 기반 지능형 의사결정 시스템

특허를 서류로만 남겨두지 않고, 실제로 작동하는 서비스로 만들어보자

2. 진행 방법

기술 스택 선택

영역

기술

프론트엔드

React + Vite

상태관리

Zustand (persist)

스타일

TailwindCSS + Vanilla CSS

AI 분석

Claude API (Anthropic)

인증

Firebase Auth (Google) + Kakao JS SDK

배포

Vercel

기술 스택은 최대한 가볍게 백엔드 없이 프론트엔드만으로 동작하도록 설계했고, 사용자 데이터는 기기 내 로컬에만 저장해 개인정보 이슈를 원천 차단

특허 알고리즘 구현

핵심은 위험도(ρ) 계산식이다:

ρ = 0.35·(금액/한도) + 0.30·(1−T_index) + 0.20·P_이상 + 0.15·(1−e_신뢰)

이를 바탕으로 게이트 결정 로직:

amount > L_max     → BLOCKED  (한도 초과)

emotion < -0.5 → BLOCKED (감정 불안정)

ρ > 0.7 → BLOCKED (고위험)

야간 & ρ > 0.35 → DEFERRED (야간 보류)

ρ > 0.4 → DEFERRED (중위험)

그 외 → PASSED (통과)

UI/UX 설계

  • 다크 모드 기반 글래스모피즘 디자인

  • 원형 위험도 게이지 (SVG)

  • 실시간 위험도 프리뷰

  • 분석 중 도트 로딩 애니메이션

  • "Dear Tomorrow" 감성 카드 메시지

  • 결과 공유 카드 (이미지 저장/공유)

개발 순서

  1. 핵심 알고리즘 구현 (store/index.js)

  2. 온보딩 화면 3단계 슬라이드

  3. 대시보드 (T-index 방사형 게이지)

  4. 4개 게이트 페이지 (PayPause, KindPause, RelPause, NightPause)

  5. 게이트 관리 화면 (EPT 토큰 회수 레지스트리)

  6. 공유 카드 (ShareCard)

  7. 서비스 소개 / 특허 안내 페이지

  8. Google + 카카오 로그인 연동

  9. Vercel 배포

3. 시행착오

자잘한 것 외에 일단 만들어진 서비스가 내가 의도한 것과 다른게 나옴ㅠ, 다시 의도를 잘 전달해 만들어야 함 어차피 다시 만들어야 하니 아래 문제는 별 문제가 아님

① Vercel 배포 — 인증 문제

Vercel CLI로 배포 시 브라우저 인증이 필요한데, 터미널 환경에서 대기 시간이 초과되어 두 번 실패했다. 결국 Vercel API 토큰을 직접 발급받아 CLI에 주입하는 방식으로 해결

bash

npx vercel --token <TOKEN> --yes --prod --scope <TEAM>

③ PowerShell 실행 정책 오류

Windows 환경에서 npm 명령어 실행 시 PowerShell 스크립트 실행 정책 오류가 발생했다. 모든 명령을 cmd /c "..." 로 감싸는 방식으로 우회했다.

④ Firebase 콘솔 UI 변경

Firebase 콘솔의 메뉴 구조가 최근 변경돼 기존 가이드의 "빌드 → Authentication" 경로가 사라졌다. 새 구조에서는 "보안" 카테고리 안에 Authentication이 포함돼 있었다.

⑤ 환경변수 일괄 등록

Vercel 환경변수를 웹 대시보드에서 하나씩 입력하는 대신, PowerShell + Vercel REST API를 활용해 6개 Firebase 환경변수를 스크립트로 일괄 등록했다. 이후 스크립트 파일(토큰 포함)은 보안을 위해 즉시 삭제했다.


4. 현재 상태

항목

상태

서비스 개발

✅ 완료

특허 알고리즘 구현

✅ 완료

Vercel 배포

✅ 완료

Firebase Google 로그인

✅ 활성화 완료

카카오 로그인

🔄 앱 등록 진행 중

Claude AI 분석 연동

⏳ API 키 입력 필요

서비스 주소

https://pauseme-app.vercel.app


5. 앞으로의 계획

MVP지만 사용성이 너무 떨어짐 한두시간안에 만든 것 치곤 괜찮지만 이건 아님

  • 카카오 로그인 완전 연동

  • Claude AI 분석 키 등록 및 AI 기능 활성화

  • 글로벌 서비스 확장 (PCT 국제 출원 활용)

마치며

이 프로젝트는 특허를 논문이 아닌, 실제로 쓸 수 있는 서비스를 만들어보는 도전

UI 개발, 배포, 인증까지 하나씩 풀어가는 과정에서 오류와 막힘이 있었다. 그럼에도 특허로 등록한 기술이 실제 화면에서 작동하는 순간은 꽤 짜릿한 경험

만들어진 것을 보니 사용성이 매우 부족하고 처음부터 다시 만들어야 할 상황임을 인지

그러나 이 아이디어를 계속 발전시켜 나갈 계획

2
1개의 답글
밀어주고 끌어주는

온·오프라인 AI 스터디

AI로 어디까지 할 수 있는지
직접 확인하실 분만 신청하세요.