바이브코딩 시작하는 방법, 아이가 좋아하는 기차 소리 하나면 충분할까요?

핵심 요약 (TL;DR)

9월 30일 Hacker News에 소개된 MRT Announcements는 싱가포르 지하철역을 누르면 안내 방송을 들려주는 웹사이트입니다. 제작자 Kavya는 기차를 좋아하는 아들을 위해 Claude의 도움을 받아 역 하나씩 만들었다고 설명합니다. 바이브코딩은 자연어로 원하는 동작을 설명하고 AI가 만든 코드를 수정해 가는 방식이지만, 무엇이 제대로 작동하는지는 사람이 정해야 합니다.

첫 아이디어는 어디서 발견했을까요?

제작자에 따르면 아이는 열차 안내 방송을 좋아했고, 가족은 실제 탑승 때 녹음한 소리를 집에서 다시 들려주곤 했습니다. 웹사이트는 이 반복을 아이가 직접 누를 수 있는 지도로 바꿨습니다. 제작자 소개 글은 역을 누르면 역명과 문 닫는 소리가 나오고, 확대하거나 노선별로 살펴볼 수 있다고 설명합니다.

여기서 배울 것은 큰 기능 목록보다 사용자 한 사람의 구체적인 행동입니다. ‘교육용 플랫폼을 만들자’보다 ‘아이가 좋아하는 역을 누르고 소리를 다시 듣게 하자’가 확인하기 쉽습니다. 첫 작품은 이미 있던 필요를 덜어 주는 것으로 충분합니다.

첫 프롬프트는 얼마나 작아도 될까요?

처음부터 지하철 노선 전체를 복제할 필요는 없습니다. 예를 들어 ‘내가 준비한 소리 파일을 재생하는 버튼 세 개를 만들어 주세요. 휴대폰에서 누르기 쉽게 하고, 소리가 없는 항목에는 안내를 보여 주세요’라고 요청해 보세요. 이는 제작자의 원문 프롬프트가 아니라, 이 사례에서 착안한 입문용 예시입니다.

첫 화면을 받은 뒤에는 한 번에 하나씩 수정하세요. 버튼을 연속으로 눌렀을 때 소리가 겹치는지, 잘못된 파일 경로에서는 무엇이 보이는지, 새로고침한 뒤에도 같은 동작을 하는지 확인하면 다음 요청이 구체적으로 바뀝니다. 막힌 장면을 전달하세요.

AI가 만든 뒤에도 사람이 귀로 확인한 것은 무엇일까요?

제작자는 자주 타는 구간의 실제 녹음을 정리하고, 다른 역에는 안내 방송에 가깝게 조정한 음성을 사용했다고 밝힙니다. 특히 역 이름의 발음을 하나씩 직접 들어 확인했다고 설명합니다. 코드가 실행된다는 사실과 콘텐츠가 정확하다는 사실은 서로 다른 검증이라는 점이 드러납니다.

버튼이 눌리는지는 화면에서 확인하고, 소리 내용이 맞는지는 직접 들어 보세요. 제작자 안내에는 iPad에서 처음 화면을 누른 뒤 소리가 허용된다는 주의도 있습니다. 개발 화면에서 재생됐다는 이유만으로 다른 기기에서도 같을 것이라 가정하면 안 됩니다.

배포까지는 어떻게 범위를 줄일까요?

공개 저장소는 웹사이트가 docs/에 있고 GitHub Pages로 제공된다고 설명합니다. 처음 연습할 때는 로그인이나 결제 없이, 직접 사용할 권리가 있는 파일과 간단한 페이지부터 공개하는 편이 부담이 적습니다. 배포 뒤에는 개발 환경이 아닌 공개 주소를 휴대폰에서 열어 첫 탭부터 다시 확인하세요.

이 프로젝트는 교통기관의 공식 서비스가 아닌 비상업적 팬 프로젝트라고 명시합니다. 그런 설명이 모든 자료의 자유로운 재사용을 허용하는 것은 아닙니다. 내 작품에는 직접 만든 소리나 사용 허락이 명확한 자료를 쓰는 편이 좋습니다.

FAQ: 코딩을 몰라도 같은 방식으로 시작할 수 있나요?

작은 화면부터 시도할 수 있습니다. 다만 AI의 완료 선언 대신 직접 누른 결과를 기준으로 수정하세요. 파일 위치와 공개 범위도 확인해야 합니다.

FAQ: 이 사이트를 직접 실행해 본 평가인가요?

아닙니다. 제작자 원문과 공개 저장소를 확인한 사례 소개입니다. 음질·iPad 동작은 제작자의 설명이며, 이 글에서 재현 시험을 하지는 않았습니다.

출처: https://kavyaj.github.io/mrt-announcements/story.html
저장소: https://github.com/kavyaj/mrt-announcements
소개: https://news.ycombinator.com/item?id=49909555
확인: 2026-10-01 KST. 최근성은 HN 소개 시점 기준입니다.