Gemini API로 구현한 HTTP 418 기반의 고도로 과잉 설계된 인터페이스

Context

RFC 2324의 Hyper Text Coffee Pot Control Protocol(HTCPCP)을 현대적으로 재해석한 프로젝트. 의도적으로 복잡한 UX와 불가능한 동작을 설계하여 엔지니어링의 과잉 설계 사례를 풍자함.

Technical Solution

• Next.js App Router와 Tailwind CSS 기반의 다크 모드 엔터프라이즈 스타일 UI 구현
• Framer Motion을 활용한 터미널 스캔라인 및 동적 에러 화면 애니메이션 처리
• @google/genai SDK를 통한 gemini-3-flash-preview 모델의 백엔드 가전 기기 역할 부여
• 슬라이더 값 변경 시 Math.random() 기반으로 다른 상태 값을 무작위 변경하는 상호 간섭 로직 설계
• 버튼 연타를 통한 커패시터 충전 방식의 수동 전원 생성 시뮬레이션 구현
• 시스템 프롬프트를 통해 HTTP 418 에러를 반환하는 고집 센 티팟 페르소나 생성 및 동적 응답 출력

Key Takeaway

LLM의 페르소나 설정과 상태 관리 로직을 결합하여 사용자 경험을 의도적으로 제어하는 인터랙티브 설계 방식.