[Growbit 5편] 사용자를 압박하지 않는 습관 앱 UX 및 리텐션 설계기
사용자의 일상과 의지를 돕기 위해 만들어진 서비스일지라도, 잘못 설계된 습관 앱 UX는 자칫 사용자를 숨 막히게 압박하는 죄책감의 도구가 되기 쉽습니다. 연속 기록(Streak)이 끊겼다는 붉은색 경고, 미완료 항목을 거대한 프로그레스 바(Progress bar)로 보여주는 화면, 그리고…
[Growbit 4편] TypeScript strict 런타임 크래시 방어로 완성한 모바일 생존기
웹 프론트엔드 환경에서는 예상치 못한 에러가 발생하더라도 사용자에게 새로고침을 유도하거나, Vercel 등을 통해 몇 분 만에 핫픽스(Hot-fix)를 배포하여 비교적 쉽게 사태를 수습할 수 있습니다. 하지만 Capacitor로 패키징하여 iOS 앱스토어에 올린 모바일 앱에서는 이야기가 완전히 달라집니다.…
[Growbit 3편] 네이티브처럼 반응하는 모바일 웹뷰 UX 최적화 및 햅틱 적용기
성공적으로 iOS 앱을 배포하더라도, 자연스러운 모바일 웹뷰 UX가 뒷받침되지 않으면 사용자는 금세 이질감을 느끼게 됩니다. Next.js와 Capacitor로 하이브리드 앱을 만들었다고 해서 곧바로 네이티브 앱 같은 사용성이 완성되는 것은 아닙니다. 사용자가 앱을 어색하게 느끼는 순간은 대개…
[Growbit 2편] Next.js 웹앱을 위한 Capacitor iOS 배포 실전 가이드
Next.js로 만든 웹앱을 앱스토어에 올리려면 무엇부터 해야 할까요? 이번 글에서는 Growbit 습관 앱을 패키징하고, 본격적인 Capacitor iOS 배포와 앱스토어 제출을 준비하면서 정리한 실전 과정을 공유합니다. 웹 프론트엔드 개발자가 React Native나 Swift를 새로 배우지 않고도 모바일…
[Growbit 1편] Next.js Capacitor 조합으로 완성한 1인 개발 iOS 배포 생존기
성공적인 Next.js Capacitor iOS 앱 배포 파이프라인을 구축하여 웹과 앱을 동시에 서비스하는 것은 모든 1인 개발자의 달콤하고도 위험한 꿈입니다. 데스크톱 브라우저의 넓은 화면에서도, 출퇴근길 손안의 모바일 기기에서도 매끄럽게 작동하는 서비스를 상상하면 당장이라도 개발을 시작하고 싶어집니다.…
[MindSprout 5편] OGG 변환 없는 텔레그램 AI 비서: Gemini API 멀티모달 파이프라인 구축기
1. 서론: 음성 메모의 매력, 그리고 OGG 변환의 장벽 [지난 4편]에서는 외부 네트워크에서도 안심하고 대시보드를 열어볼 수 있도록, 타이밍 어택(Timing Attack)을 막아내고 CSRF를 방지하는 Next.js 16 기반의 견고한 보안 세션 아키텍처를 구축했습니다. 이제 외부 접속…
[MindSprout 4편] 타이밍 어택을 막는 Next.js 보안 세션 및 RBAC 구축기
1. 서론: 대외망 개방의 첫 걸음, 견고한 Next.js 보안 세션 구축 [지난 3편]에서는 Next.js 서버 컴포넌트(RSC)와 Tailwind CSS를 활용해 데이터를 시각화하고 칸반 보드로 관리하는 고성능 대시보드를 구축했습니다. 로컬 환경에서 대시보드가 정상적으로 돌아가는 모습을 보며 만족했지만,…
[MindSprout 3편]데이터가 한눈에: Tailwind CSS 대시보드 최적화 구축기 및 트러블슈팅
1. 서론: 백엔드 파이프라인의 완성, 그리고 시각화의 필요성 지난 2편에서는 랭체인(LangChain) 같은 무거운 프레임워크를 과감히 걷어내고, Next.js의 내장 Fetch API와 로컬 LLM을 연결하여 데이터를 Supabase에 실시간으로 적재하는 초경량 파이프라인을 완성했습니다. 데이터베이스에 정보가 안전하게 쌓이는 것을…
[MindSprout 2편]랭체인(LangChain)을 버렸다: Next.js + 로컬 LLM 초경량 연동 및 트러블슈팅
1. 서론: AI 프레임워크의 함정, 그리고 가벼움에 대한 갈망 최근 AI를 활용한 로컬 LLM 연동 프론트엔드 프로젝트를 시작할 때, 개발자들은 마치 공식처럼 터미널에 npm install langchain을 타이핑하곤 합니다. 저 역시 [지난 1편에서 소개했던 MindSprout의 초기…
[MindSprout 1편] 로컬 LLM과 클라우드 AI를 결합한 하이브리드 개인 비서 개발기
1. 서론: 로컬 LLM과 클라우드 AI사이의 딜레마 최근 ChatGPT, Claude, Gemini와 같은 상용 대형 언어 모델(LLM)이 비약적으로 발전하면서, 일상적인 메모나 일정을 AI를 통해 정리하는 워크플로우를 도입하는 개발자가 늘고 있습니다. 하지만 이러한 상용 클라우드 기반 API를…