[아빠표 0원 어플] 코딩 몰라도 괜찮아! 바이브코딩으로 영단어 앱 만들기 1편(프롤로그)

"아빠, 영단어 외우는 거 너무 지루해!"

 

책상에 앉아 억지로 영어 단어장을 넘기는 아이를 보며 고민이 시작되었습니다.

아이가 영단어를 공부하는 과정을 가만히 지켜보니, 치명적인 비효율 세 가지가 눈에 띄었습니다.

• 첫째, 무거운 단어장이 내 손에 '있을 때만' 공부가 가능했습니다.
• 둘째, 정확한 발음을 들으면서 외워야 하는데,
  모르는 단어가 나올 때마다 일일이 스마트폰 사전 앱을 켜서 검색하고 스피커 버튼을 누르는 과정이 너무 번거로웠습니다.
• 셋째, 눈으로만 보니 쉽게 까먹고 재미가 없었습니다.

'스마트폰으로 언제 어디서나 볼 수 있고,
버튼 한 번에 원어민 발음이 나오며, 게임처럼 퀴즈로 외울 수 있는 나만의 앱을 만들어 줄 수는 없을까?'

 

그렇게 코딩의 '코'자도 모르던 평범한 직장인 아빠의 영단어 앱 만들기 프로젝트가 시작되었습니다.

 

🗺️ 전체 진행 흐름 (앱 제작 로드맵)

비싼 웹 호스팅이나 복잡한 서버 구축, 그리고 어려운 코딩 문법 공부는 과감히 건너뜁니다.

오직 AI와 대화하며 앱을 만드는 '바이브코딩(Vibe Coding)' 방식으로, 다음 3단계에 걸쳐 앱을 완성해 나갈 예정입니다.

• STEP 1.. 바이브코딩 설명 및 사용법:
  '안티그래비티(Antigravity)'를 활용해 클릭 한 번도 귀찮은 초보자를 위한 최적의 AI 코딩 환경 세팅
  ** 프롬프트 노하우 공유드립니다!(PRD Product Requirements Document)
  
  
• STEP 2. 무료 DB 설정 방법: 구글 스프레드시트를 활용한 서버 비용 0원 데이터베이스 구축
  
  
• STEP 3. 인터페이스 및 기능 구현: TTS(음성 읽어주기) 발음 기능과 암기 효율을 높여줄 퀴즈 UI/UX 개발
• STEP 4. 자동화 및 유지보수: 바이브코딩을 통한 깃허브(GitHub) 자동 연동 및 기능 추가 유지보수 관리

---

앞으로 위 로드맵에 따라 각 챕터별로 상세한 제작 과정을 하나씩 연재할 예정입니다.

코딩을 전혀 모르는 분들도 마우스 클릭과 타자만 칠 줄 안다면 무조건 따라 오실 수 있도록 아주 쉽게 풀어보겠습니다.

그럼 다음 글인 'STEP1. 바이브코딩 설명 및 사용법' 편에서 본격적인 첫걸음을 떼어보겠습니다!