AI 코딩은 AI가 코드를 제안하거나 직접 작성하게 해서 프로그램을 만드는 방식입니다. 개발자가 쓰던 코드를 이어서 완성해 주는 도구부터, 코드를 전혀 몰라도 한국어로 설명하면 웹앱 전체를 만들어 주는 AI 앱 빌더까지 범위가 넓습니다. 그래서 어떤 도구가 좋은지보다 내가 코드를 직접 다룰 것인지를 먼저 정하는 것이 중요합니다. 대화하며 결과를 보고 고치는 방식 자체가 궁금하다면 바이브 코딩이란 글을 먼저 읽어 보세요.
AI 코딩 도구의 네 가지 종류
- 코드 자동 완성: 개발자가 코드를 쓰는 도중에 다음 줄을 제안합니다. 코드를 읽을 수 있어야 쓸모가 있습니다.
- 에디터형 도구: Cursor처럼 코드 에디터 안의 채팅으로 여러 파일을 한꺼번에 고치게 합니다. 프로젝트를 내 컴퓨터에서 관리하는 개발자에게 맞습니다.
- 터미널형 에이전트: Claude Code처럼 터미널에서 명령을 받아 코드를 읽고 고치고 실행합니다. 개발 환경에 익숙한 사람에게 맞습니다.
- AI 앱 빌더: VibeDream처럼 설명을 받아 화면과 서버 코드를 만들고 미리보기와 공개까지 한곳에서 처리합니다. 코드를 몰라도 시작할 수 있습니다.
개발자용 도구를 처음 써 보려는 분을 위한 영어 입문서로 Claude Code for beginners가 있고, 도구별 비교는 Vibe coding tools에 정리되어 있습니다.
비개발자에게 맞는 AI 코딩 방법
코드를 다룰 생각이 없다면 AI 앱 빌더가 가장 현실적입니다. 패키지 설치나 서버 설정을 할 필요 없이, 설명하고 미리보기로 확인하고 고치는 일만 하면 됩니다. VibeDream의 화면은 영어지만 채팅에는 한국어로 쓸 수 있습니다. 예를 들어 이렇게 시작합니다. 프롬프트를 쓰는 법부터 공개까지의 전체 과정은 앱 만들기에서 자세히 설명합니다.
동네 독서 모임의 출석 체크 웹앱을 만들어 주세요.
이름을 누르면 참석으로 표시되고, 새로고침해도 기록이 남게 해 주세요.
AI가 쓴 코드를 다루는 요령
- 한 번에 하나만 고치기: 여러 요청을 한꺼번에 보내면 무엇 때문에 문제가 생겼는지 알기 어렵습니다.
- 숫자로 확인하기: 계산이 들어가는 기능은 직접 답을 아는 값으로 시험해 보고, 틀리면 그 예시를 그대로 알려 주세요.
- 오류는 그대로 붙여 넣기: 오류 메시지를 복사해 채팅에 붙이고 언제 나타나는지 적으면 원인을 찾기 쉽습니다.
- 코드 보관하기: VibeDream에서는 Code 탭에서 모든 파일을 볼 수 있고, ZIP으로 내려받거나 GitHub에 동기화할 수 있습니다.
AI 코딩의 보안과 비용 주의점
- API 키 같은 비밀 값은 채팅이나 코드에 쓰지 말고 프로젝트의 Settings 탭에 넣으세요. VITE_로 시작하는 값은 브라우저에서 보이므로 비밀 값에 쓰면 안 됩니다.
- 로그인과 데이터 저장은 요청하면 AI가 앱 안에 만들어 줍니다. 채팅 아래의 Add login이나 Add database를 누르면 로그인과 데이터베이스가 원탭으로 설정됩니다. 원탭 결제 기능은 준비 중입니다.
- 다른 사람의 개인 정보를 받는 앱이라면 공개 전에 누가 어떤 데이터를 볼 수 있는지 꼭 확인하세요. 영어 체크리스트 Vibe coding security가 도움이 됩니다.
- 크레딧은 메시지마다 쓰이고 큰 변경일수록 많이 듭니다. 요금은 월 49달러에 60크레딧인 All Access Mini부터이며 요금 페이지에서 확인할 수 있습니다.
AI 코딩으로 만들 수 있는 것과 없는 것
VibeDream 같은 AI 앱 빌더로는 예약 페이지, 출석부, 가계부, 팀 내부 도구 같은 웹앱과 브라우저 게임을 만들 수 있습니다. App Store에 올리는 네이티브 앱은 만들지 않으며, 웹앱은 휴대폰 브라우저에서 링크로 엽니다. 앱을 만드는 전체 순서는 앱 만들기 글에서 이어서 볼 수 있습니다.