AI 코파일럿과 Neo-Brutalism으로 완성한 Solana 모바일 앱 구축기

Context

기존 템플릿 기반의 단순한 UI 구조와 제한적인 사용자 경험. 모바일 환경에 부적합한 Rolodex 스타일의 카드 UI 설계. 초기 템플릿의 시각적 정체성 부족으로 인한 브랜드 차별화 한계.

Technical Solution

• Solana Mobile Monorepo 기반으로 bun 런타임을 활용한 개발 환경 구축
• uniwind와 heroui-native를 결합하여 React Native 환경에서 Tailwind CSS 클래스 기반 스타일링 구현
• 고대비 색상과 강한 그림자를 특징으로 하는 Neo-Brutalism 디자인 시스템 도입으로 시각적 정체성 확립
• UX 최적화를 위해 기존 Drawer 메뉴를 하단 Tab Bar 구조로 변경하고 Jupiter UI 패턴을 벤치마킹한 홈 화면 설계
• Expo Router의 파일 기반 라우팅을 활용하여 앱 내 내비게이션 구조 단순화
• Gradle 캐시 충돌 해결을 위한 clean 작업 및 TypeScript의 systemColorScheme 타입 불일치 해결을 위한 안전한 매핑 로직 적용

Key Takeaway

AI를 단순 코드 생성기가 아닌 프로젝트 컨텍스트를 이해하는 코파일럿으로 활용하여 반복적인 구현 시간을 단축하고 전략적 UX 설계에 집중하는 개발 프로세스.