디자이너도 앱을 만들 수 있을까?

카테고리

디자인

서브카테고리

바이브코딩

대상자

비개발자 디자이너, AI 도구 활용 초보자, 지출 중심 가계부 앱 개발 희망자

핵심 요약

• 비개발자 디자이너도 Cursor AI와 React Native + Expo를 활용해 실제 앱 개발 가능
• "작은 기능부터 시작"이라는 핵심 전략으로 오류 해결 및 유지보수 효율성 극대화
• AI 도구의 자동화 기능 활용 시 "구체적인 명령어" 필요성 강조 (예: 홈화면에 있는 지출입력버튼 배경 컬러 그레이 100으로바꿔줘)

섹션별 세부 요약

1. 개발 배경 및 목표

• 디자이너가 기존 유료 가계부 앱의 불편함을 경험한 후, 지출 중심 가계부 앱 개발 의도
• React Native + Expo 선택 이유: 러닝커브 낮음, iOS/Android 확장성
• Cursor AI 도입: 비개발자도 손쉽게 프로젝트 생성 및 기능 구현 가능

2. 개발 과정 및 전략

• "1주 실험 + 5주 본격 개발" 타임라인으로 진행
• "작은 기능부터 시작" 전략: "Hello World" → 버튼 추가 → 버튼 클릭 시 텍스트 변경
• AI와의 협업 방식:

- PRD/IA 문서 작성 후 Cursor에게 맥락 설명

- Figma 디자인 → 코드 구현 → 사용자 피드백 반복 프로세스

- A/B 테스트를 통한 메모 입력 위치 최적화

3. 개발 중 겪은 어려움

• 오류 해결의 어려움:

- Firebase 회원가입 기능, AI API 자동화 기능 개발 시 오류 발생

- 코드 수정 후 연관된 페이지에서 추가 오류 발생

• 코드 품질 불안감:

- 유지보수 가능성 판단 어려움

- AI 자동 생성 코드의 효율성에 대한 의문

4. 결과 및 향후 계획

• TestFlight를 통한 6명 지인 테스트 성공:

- "개발자 없이 만든 앱"이라는 인식 없음

- 지출 입력 과정의 간소성이 핵심 경쟁력으로 인정

• 6개월간 꾸준한 개선 계획
• 지출 중심 가계부의 수익성 검증을 위한 추가 실험 계획

결론

• 비개발자도 AI 도구와 협업하며 실제 앱 개발 가능 (예: 산다가계부 앱)
• "작은 기능부터 시작" 및 "구체적인 명령어" 사용이 핵심 성공 요소
• AI 자동화 기능 활용 시, 사용자 피드백을 통해 A/B 테스트를 반복해야 함
• React Native + Expo + Cursor AI 조합이 비개발자에게 권장되는 개발 스택