라벨이 웹앱만들기인 게시물 표시

바이브 코딩으로 AI 답변 비교 웹앱을 만들어봤습니다.

이미지
요즘 AI 도구를 이것저것 사용하다 보니 자연스럽게 이런 생각이 들었습니다. ChatGPT, Claude, Gemini, Perplexity에게 같은 질문을 던지면 과연 어떤 AI가 가장 좋은 답변을 해줄까? 처음에는 그냥 느낌으로 비교했습니다. 어떤 답변은 글이 깔끔했고, 어떤 답변은 정보가 더 자세했고, 어떤 답변은 실용적인 예시가 많았습니다. 하지만 계속 사용하다 보니 단순히 "이게 더 좋은 것 같다"는 감각만으로는 비교가 어렵다는 생각이 들었습니다. 특히 블로그에 AI 사용 후기를 쓰려면 조금 더 정리된 기준이 필요했습니다. 제가 평소 답변을 비교하는 기준은 대략 이렇습니다. 📌 AI 답변을 비교할 때 제 평가 기준 답변이 정확한가 글의 흐름이 자연스러운가 실제로 써먹기 좋은가 읽기 편하게 정리되어 있는가 이런 항목을 기준으로 점수를 매기고, 어떤 AI가 가장 나은 답변을 했는지 기록해두면 나중에 비교할 때 훨씬 도움이 될 것 같았습니다. 그러다 문득 이런 생각이 들었습니다. "이걸 직접 웹앱으로 만들어볼 수 있지 않을까?" 물론 저는 전문 개발자가 아닙니다. 코드를 직접 짜서 웹앱을 만드는 일은 아직 어렵게 느껴집니다. 하지만 요즘 자주 들리는 말이 있습니다. 바로 바이브 코딩 입니다. 바이브 코딩은 코드를 한 줄씩 직접 작성하는 대신, 만들고 싶은 결과물을 자연어로 설명하면 AI가 그에 맞는 코드를 만들어주는 방식입니다. 2025년 초 AI 연구자 안드레이 카파시가 처음 제안한 개념으로, 지금은 비개발자도 아이디어를 빠르게 형태로 만들어볼 수 있는 입구로 주목받고 있습니다. 그래서 이번에는 바이브 코딩 방식으로 작은 웹앱을 하나 만들어보기로 했습니다. 거창한 서비스가 아닙니다. ChatGPT, Claude, Gemini, Perplexity의 답변을 같은 질문 기준으로 비교하고, 점수를 매긴 뒤 기록으로 남길 수 있는 간단한...