링커리어 26기 이주현이라고 해! 앱 개발해본다고 터미널 들어가는데만 이십분 걸린 찐 문과생인데, 요즘 핫한 바이브코딩으로 앱 하나 완성해서 포트폴리오까지 만들었어. 팁이랑 개념들 정리해 볼테니까, 궁금한 점 생기면 댓글로 달아줘!
💡 바이브코딩(Vibe Coding)이란?
코드를 직접 한 줄 한 줄 짜는 게 아니라, AI한테 "이런 앱 만들어줘" 하고 말하면서 만들어가는 방식이야. 코딩 몰라도 아이디어만 있으면 앱을 만들 수 있는 거지
나처럼 IT 역량 때문에 불안해하는 문과 친구들을 위해서 내가 직접 구르면서 배운 팁들 문답 형식으로 정리해봤어!
Q1. 문과생이 앱 기획부터 하는 거 너무 막막한데 어떡함?
A1. 일단 Genspark부터 켜봐!
💡 Genspark가 뭐야?
AI 검색 + 리서치 도구인데, 일반 챗봇처럼 대답만 해주는 게 아니라 웹에서 자료를 싹 모아서 보고서처럼 정리해주는 서비스야.
여기서 '앱 딥 리서치' 기능을 쓰면 되는데, 비슷한 앱들 조사해서 핵심 기능이랑 시장 흐름까지 다 뽑아줘. 그 상태에서 "User Flow부터 깔아줘" 라고 하면 앱 뼈대를 잡아줘!
💡 User Flow(사용자 흐름)란?
사용자가 앱에 들어와서 → 회원가입 → 메인 화면 → 기능 사용 → 결제까지, 어떤 순서로 움직이는지 그린 지도 같은 거야. 이걸 구성한 상대로 들어가야 편해.
Q2. 기획 단계에서 쓸만한 팁 있어?
A2. 기획을 제대로 '문서화'하는 게 핵심이야!
나는 보통 이 3가지 중에 골라서 써:
- Manyfast.io (유료): 소프트웨어 기획 전용 AI인데, PRD(제품 요구사항 문서) 같은 걸 자동으로 만들어줘. 돈 쓸 가치 있음.
- Claude / Gemini: 무료로 쓸 수 있고, "이런 앱 만들 건데 기획안 써줘" 하면 꽤 탄탄하게 정리해줌.
- Codex의 'Plan' 기능: 이거 진짜 물건이야‼️ 작업 들어가기 전에 AI가 어떤 순서로 뭘 만들지 계획을 먼저 쫙 세워줘서, 갑자기 이상한 코드 튀어나오는 사고를 막아줘.
💡 왜 문서화부터 해야 해?
바로 AI한테 "앱 만들어줘" 하면 중간에 방향이 산으로 가거든. 기획안이 있으면 AI가 그걸 계속 참고해서 일관되게 만들어줘서 결과물 퀄리티가 달라져.
Q3. 디자인 똥손인데 트렌드 따라가는 디자인을 혼자 낼 수 있음?
A3. 바이브코딩 툴의 '웹사이트 복제 기능' 이 진짜 미쳤어..
참고하고 싶은 예쁜 사이트 주소(URL) 넣으면, AI가 그 디자인 감성이랑 레이아웃을 분석해서 비슷한 퀄리티로 뽑아줘.
거기다 Claude Figma MCP까지 쓰면 더 좋아!
💡 Figma MCP가 뭐야?
Figma는 디자이너들이 쓰는 디자인 툴이고, MCP(Model Context Protocol)는 Claude 같은 AI가 다른 앱이랑 직접 연결돼서 작업할 수 있게 해주는 통로야. 즉, Claude로 만든 결과물을 Figma로 바로 뽑아서 세세한 디자인 수정까지 가능하다는 거지.
Q4. 작업할 때 효율 높이는 순서 있어?
A4. 무조건 UI 구현 먼저 → 백엔드 순서로 가!
💡 UI vs 백엔드?
UI(User Interface): 눈에 보이는 화면. 버튼, 색깔, 글씨 이런 거.
백엔드: 눈에 안 보이는 뒷단. 로그인 처리, 데이터 저장, 서버 같은 거.
화면이 먼저 눈앞에 짠 하고 보여야 진도도 잘 나가!! 백엔드부터 만들면 뭐가 되고 있는지 체감이 안 돼서 중간에 지치기 쉬움...
그리고 프롬프트 짤 때 꿀팁 하나 더. "~~에 특화된 프롬프트로 써줘" 라고 컨텍스트를 주면 AI가 훨씬 더 똑똑하게 대답해줘.
💡 프롬프트가 뭐야?
AI한테 주는 명령어. 같은 걸 물어봐도 어떻게 묻느냐에 따라 결과물 퀄리티가 달라져.
Q5. 혹시 간단한 게임 만드는 것도 가능해?
A5. 당연하지! 미니 게임들은 그냥 claude 로 만들거나,
Superpower라는 툴 써서 깃허브 스타 Top 3 플러그인을 활용하면 스텝별로 수정하기 편해..!
💡 용어 정리
GitHub(깃허브): 개발자들이 코드 공유하는 사이트. '스타'는 유튜브 좋아요 같은 거라고 보면 됨. 스타 많이 받은 플러그인 = 개발자들이 인정한 검증된 도구라는 뜻.
플러그인: 기본 앱에 끼워 쓰는 추가 기능. 휴대폰 케이스에 카드지갑 붙이는 느낌...
게임처럼 복잡한 것도 한 번에 만들려고 하지 말고, "메인 화면 먼저 → 캐릭터 움직임 → 점수 계산" 이런 식으로 스텝별로 쪼개서 요청하면 AI가 훨씬 잘 만들어줘!
여기까지가 내가 정리한 바이브코딩 찐꿀팁이야!
혹시 추가로 궁금한 거 있으면 댓글로 편하게 물어봐줘 ㅎㅎ
사유선택
허위 신고의 경우 서비스 이용제한과 같은 불이익을 받으실 수 있습니다.
