인박스-어트: 음성 인식 AI 아트 및 이메일 창의성 프로젝트

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 웹 개발자, AI 통합 개발자, 디자이너
• 난이도: 중간 (AI 기술 및 이메일 서비스 연동 기초 지식 필요)

핵심 요약

• 음성 인식을 통한 AI 생성 콘텐츠: Web Speech API로 음성 입력을 활용해 시, 이야기, 이미지를 생성
• Postmark 이메일 서비스 활용: 사용자 가입, 장치 알림, 아트워크 공유 알림 등 이메일 기능 통합
• 프론트엔드 기술 스택: Next.js + TailwindCSS, Vercel Blob을 사용한 이미지 호스팅

섹션별 세부 요약

1. 사용자 인증 시스템

• 사용자 생성 및 DEMO 계정 로그인 기능 제공
• 이메일을 통한 가입 확인 및 장치 로그인 알림

2. Postmark 기반 이메일 통합

• Welcome Email: 사용자 가입 시 자동 발송
• Device Alert Email: 새로운 장치 로그인 시 알림
• Art Delivery Email: 생성된 아트워크를 구독자에게 이메일로 전송

3. 생성형 AI 기능

• Gemini AI를 활용한 시/이야기/이미지 생성
• Web Speech API로 음성 입력 → 텍스트 전환 → AI 생성 콘텐츠 생성
• 생성된 콘텐츠는 구독자에게 이메일로 전송

4. 실시간 아트월

• 생성된 텍스트 및 이미지를 실시간으로 공개하는 갤러리 제공
• Next.js의 Polling 기능을 통해 실시간 업데이트

5. 구독 시스템

• 사용자가 AI 생성 콘텐츠(시, 이야기, 이미지)를 이메일로 구독 가능
• Unsubscribe 기능: 구독 해지 시 편리한 설정 제공

6. 기술 스택 구성

• Database: Supabase를 사용한 구독자 정보 및 아트워크 기록 관리
• 이미지 호스팅: Vercel Blob을 통한 AI 생성 이미지 저장 및 로드
• 프론트엔드: Next.js + TailwindCSS로 구성, 실시간 갤러리 기능 구현

결론

• 실무 적용 팁: Postmark의 이메일 서비스와 Gemini AI를 결합해 창의적 이메일 앱 개발 가능
• 예제: DEMO 로그인 버튼을 통해 라이브 앱 확인 가능 (https://live-app-link)
• 핵심: 이메일을 아트 플랫폼으로 재해석한 프로젝트로, AI 생성 콘텐츠와 이메일 서비스의 결합이 핵심 기술 포인트