하캄솔루션HAKHAM SOLUTION상담하기

웹제작 / 바이브코딩·AI 개발

바이브코딩

Vibe coding

다른 이름 · 바이브 코딩 · AI 코딩

초급미팅·견적서에서 듣고 이해하는 수준

한눈에 보는 정의

코드를 한 줄씩 직접 쓰기보다 AI에게 말로 원하는 결과를 설명하고, 결과를 보며 고쳐 나가는 개발 방식.

이런 말로 들어요

  • 시안은 바이브코딩으로 하루 만에 띄워 보고, 운영 버전은 따로 점검하시죠.
  • 바이브코딩으로 만든 건데 결제 붙여도 될까요?

그림으로 보기

바이브코딩 대화와 미리보기

말로 원하는 결과를 설명하고 미리보기를 보며 고칩니다. 개인정보·비밀 키·모바일 화면은 공개 전에 사람이 점검합니다.

하캄솔루션 자체 제작 모션그래픽

자세히 알아보기

2025년 초 AI 연구자 안드레이 카파시가 이름을 붙이면서 널리 쓰였습니다. 화면을 보고 '버튼을 더 크게', '이 오류 고쳐 줘'처럼 대화하며 만들어 갑니다. 비개발자도 시제품이나 간단한 홈페이지를 빠르게 만들 수 있지만, 코드 내용을 확인하지 않고 운영에 올리면 보안·유지보수 문제가 생길 수 있습니다.

실무 예시

예를 들어 행사 신청 페이지를 AI와 대화하며 반나절에 만들고, 개인정보 수집 문구와 폼 전송 동작만 사람이 직접 점검한 뒤 공개할 수 있습니다.

함께 살펴볼 점

결제·회원·개인정보가 걸린 기능은 코드 검토와 테스트 없이 올리지 않습니다. API 키를 프롬프트나 화면 코드에 넣지 않습니다. 동작한다고 해서 안전하다는 뜻은 아닙니다.

AI에게 이렇게 요청해 보세요

지금까지 만든 페이지에서 운영 전 꼭 확인할 항목(개인정보, 키 노출, 모바일 화면, 폼 전송 실패 처리)을 체크리스트로 점검하고 문제를 표로 정리해 줘.

코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.

출처와 검토 정보

내용 검토

최초 발행 · 내용 수정

← 지식백과 목록으로