범위 — 무엇을 만들지 분명하게
"멋진 홈페이지"가 아니라 "진료 안내 다섯 페이지와 문의 접수"처럼 범위를 문장으로 적을 수 있어야 합니다. 범위가 열려 있으면 AI도 사람도 길을 잃습니다.
바이브 코딩(vibe coding)은 코드를 한 줄씩 직접 타이핑하는 대신, 만들고 싶은 것을 AI에게 말로 설명해 소프트웨어를 만드는 방식입니다. 2025년 초 AI 연구자 안드레이 카르파티가 이름을 붙였고, 같은 해 콜린스 사전이 올해의 단어로 선정할 만큼 빠르게 보편화되었습니다. 코딩 문법을 몰라도 시작할 수 있지만, 무엇을 만들지 정하는 일과 결과를 판단하는 눈은 여전히 사람의 몫입니다 — 이 문서는 비개발자가 시작 전에 알아야 할 것을 병원 홈페이지의 예로 안내합니다.
프로그래밍을 하려면 문법과 개념을 익히는 데 오랜 시간이 필요했습니다. 바이브 코딩은 그 순서를 뒤집습니다 — 문법은 AI가 알고 있고, 사람은 무엇을 만들지와 어떤 기준으로 판단할지를 맡습니다.
도구의 형태도 달라졌습니다. 채팅창에 코드 조각을 물어보고 붙여 넣던 단계를 지나, 이제는 AI 에이전트가 컴퓨터 안에서 직접 폴더를 만들고 파일을 쓰고 실행까지 합니다. 사람이 하는 일은 지시와 확인으로 좁혀졌습니다.
그래서 "코딩 없이 만들기"와는 다릅니다. 정해진 템플릿에서 고르는 빌더와 달리 바이브 코딩은 실제 코드가 내 것으로 만들어집니다. 결과물의 자유도가 높고 소유권이 온전한 대신, 만드는 과정의 판단은 여전히 사람에게 남습니다.
바이브 코딩의 한 사이클은 네 단계입니다. 어느 도구를 쓰든 이 리듬은 같으며, 긴 지시 한 번보다 짧은 사이클을 여러 번 도는 것이 요령입니다.
"첫 화면에 진료시간과 오시는 길, 상담 버튼을 넣어 주세요"처럼 화면과 동작을 문장으로 적습니다. 범위가 분명할수록 결과가 지시에 가까워집니다.
폴더 구조부터 화면 코드까지 에이전트가 직접 만듭니다. 이 단계에서 사람이 할 일은 기다리는 것뿐입니다.
코드를 읽는 것이 아니라 브라우저로 열어 환자의 눈으로 확인합니다. 판단의 기준은 기술이 아니라 내 병원의 사실입니다.
"진료시간 표가 휴대폰에서 잘립니다"처럼 본 것을 그대로 말하면 됩니다. 이 사이클이 쌓여서 홈페이지가 됩니다.
사이클 자체는 단순합니다. 어려움은 사이클 바깥에 있습니다 — 사이클이 잘 돌기 위한 작업 환경과 판단 기준은 시작 전에 갖춰져 있어야 합니다. 아래에서 그 경계를 다룹니다.
바이브 코딩이 만능이라는 말도, 장난감이라는 말도 모두 과장입니다. 결과물의 종류에 따라 난이도가 갈리며, 그 경계를 알고 시작하는 것이 좌절을 줄이는 가장 확실한 방법입니다.
소개 · 안내 화면수월합니다. 진료과목과 의료진, 오시는 길처럼 보여주는 화면은 첫날부터 만들어집니다디자인 다듬기가능합니다. 다만 좋아지는 것은 기준이 되는 레퍼런스가 있을 때입니다 — 말로만 "예쁘게"는 돌지 않습니다로그인 · 예약 · 문의 · 관리자벽입니다. 데이터가 오가는 기능 화면은 구조를 이해해야 넘어갑니다 — 비개발자가 막히는 자리는 대부분 여기입니다도메인 · 클라우드 · 배포가장 흔한 좌절 지점입니다. 만드는 일보다, 만든 것을 세상에 내놓는 환경이 먼저 갖춰져야 합니다네 줄 가운데 아래 두 줄이 시작 전에 준비할 수 있는 부분입니다 — 환경을 먼저 갖추고 시작하면 좌절 지점의 절반이 사라집니다.
"바이브 코딩 현실"을 검색하면 회의적인 이야기가 많이 나오고, 상당수는 사실입니다. 다만 그 실패담의 다수는 범위가 열려 있는 결과물 — 앱, 게임, 새로운 서비스 — 을 향한 것입니다. 범위가 분명한 결과물일수록 성공 확률은 크게 올라갑니다.
병원 홈페이지가 좋은 예입니다. 필요한 화면의 종류가 정해져 있고, 내용의 정답인 진료 정보는 원장님이 이미 알고 계시며, 참고할 잘 만든 사례도 많습니다. 범위 · 정답 · 기준 — 성공 조건 셋이 처음부터 갖춰진 주제입니다.
비개발자도 바이브 코딩을 할 수 있습니다. 코딩 문법 대신 필요한 것은 세 가지 — 만들려는 것의 분명한 범위, 결과를 판단할 자기 기준, 그리고 막히는 지점을 알고 갖추는 준비입니다.
"멋진 홈페이지"가 아니라 "진료 안내 다섯 페이지와 문의 접수"처럼 범위를 문장으로 적을 수 있어야 합니다. 범위가 열려 있으면 AI도 사람도 길을 잃습니다.
코드를 읽는 눈이 아닙니다. 화면을 보고 내 병원의 사실과 다른 곳, 환자에게 불편한 곳을 짚어내는 눈이며, 이것은 원장님이 이미 가지고 계신 능력입니다.
작업 환경과 기능 화면이라는 두 벽의 위치를 미리 알면 벽 앞에서 놀라지 않습니다. 환경 설정을 갖추고 시작하는 것이 준비의 핵심입니다.
문법을 외울 필요는 없습니다. 다만 만들다 보면 파일과 화면이 어떻게 연결되는지 정도의 이해도는 자연스럽게 생기며, 그 이해가 깊어질수록 지시가 정확해집니다. 시작의 조건이 아니라 진행하며 얻게 되는 결과입니다.
컴퓨터 안에서 폴더와 파일을 AI가 직접 만들고 수정하며 실행까지 하는 에이전트형 도구 — 클로드 코드, 코덱스 같은 것 — 가 기준입니다. 채팅창에서 코드 조각을 받아 붙여 넣는 방식은 홈페이지 규모에서는 조기에 기술적 한계에 봉착합니다.
AI 도구 이용료와 클라우드 실비가 듭니다. 금액은 요금제와 사용량에 따라 달라 단정하지 않습니다. 다만 어느 길을 택하셔도 이 실비는 발생하며, 제작을 맡기시더라도 이용료 안에 같은 성격의 비용이 들어 있습니다.
정해져 있지 않습니다. 범위와 익숙함에 따라 크게 다르며, 당사는 완성 시간을 약속하는 안내를 신뢰하지 않습니다. 다만 병원 홈페이지는 범위가 분명해 비개발자가 도달하기 유리한 주제라는 것이 당사 교육 경험에서 나온 판단입니다.
막히는 지점은 대부분 정해져 있습니다 — 작업 환경의 설정, 그리고 로그인·예약·문의·관리자 같은 기능 화면입니다. 환경 설정을 갖춘 상태에서 시작하는 교육 과정이 그 벽을 함께 넘는 가장 빠른 길입니다.
당사는 병의원 여섯 곳과 계약해 네 곳의 홈페이지를 구축·운영 중인 개발사이며, 그 경험을 비개발자의 눈높이로 옮긴 교육 과정을 운영합니다. 참가자 노트북에 환경 설정을 직접 마쳐 드리고 시작하는 실습 중심 수업이고, 목차와 교육비는 전부 공개되어 있습니다.
교육 과정 보기