Cursor AI(커서 AI)를 사용해 바이브 코딩으로 서비스 만들기 결과 및 후기

요즘 바이브 코딩이 유행이고 나도 AI를 꽤 많이 쓰는 편이다

 

최근에 간단하게 만들어볼만한 기능이 생겨 커서 AI를 이용해 만들어 보았다

그 후기를 작성해보려고 한다

 

# 서비스

내가 구현할 서비스를 다음과 같았다

위스키를 좋아하는 사람들이 일본에 가서 구매를 많이하는데, 일본 온라인 위스키 구매 사이트가 있다.

문제는 검색이 일본어로만 가능하고 한국어, 영어 검색은 안된다는 점이다.

무카와 사이트

그래서 사람들이 위스키 브랜드를 일본어로 일일이 찾아본 후에 검색한다는 것을 알게 되었다.

그럼 한국어나 영어로 검색하면 자동으로 일본어로 바꿔서 검색 결과를 보여주면 되겠네?

 

이게 내 생각이었다. 마침 시간도 여유로워 빠르게 커서를 킨 후 구현을 시작했다

 

# 기술 스택

기술 스택은 다음 목록과 같이 정했다

- Next.js 14

- Supabase (DB 제공)

- Vercel (배포 및 서버 제공)

 

이전에 서비스를 빠르게 배포할 필요가 있어 알아봤던 익숙한 것들이고, AI에 물어보니 역시나 추천 목록에 나왔다

 

# 바이브 코딩

요즘 기초적인건 AI를 사용하면 다 구현해 준다. (세상 많이 좋아졌다)

 

처음부터 나는 뭘 사용할지. 당장 필요한게 뭔지 간단하게 구현해달라고 시작했다.

AI가 바로 다 구현해주고 next.js로 구현했기 때문에 확인도 빠르게 할 수 있었다.

cursor ai에 질문하기

당연히 next.js도 써보고, 기능 구현도 간단하고, 문제 포인트도 바로바로 확인이 가능해 금방 구현했다

구현하는데 총 걸린 시간이 5시간도 안된 것 같다 (예전에 일일이 구현하는 속도와 차원이 다르다)

물론 ui쪽이 단순 js es5로 구현되어있어 마음에 들지는 않지만,

나는 공부가 아니라 서비스를 제공하는 것이 목적이기 떄문에 결과물만 빠르게 나오면 됐다.

 

그렇게 나온 결과물

기능 동작이나 보는데 크게 불편함은 없어서 바로 배포까지 완료했다

간단한 테스트 후 무카와 게시글 답글, 카페 같은 곳에 홍보도 했다.

 

서비스 링크(무카와 검색 사이트) : https://mukawa.vercel.app/

Mukawa

# 결과

첫 날 방문자 96명으로 집계됐다...!

술 카페에 홍보를 했는데 처음이라 호기심으로 들어온 사람이 많아보였다

문제는 확실히 서비스를 제공하다보니 하루만에 개선점들이 엄청나게 나왔다. (재배포만 10번은 한 것 같다)

이전부터 내가 직접 만든 서비스를 제대로 제공해 본 적이 없어, 사람이 사용하는 서비스는 처음 만든 것 같다

물론 최소기능으로 빠르게 구현해 만든 서비스지만, 이번엔 나름 사람들의 반응도 있어서 재밌었다.

 

앞으로 얼마나 들어올지가 관건인데 한 달 정도 운영해보면서, 서비스를 개선해 나가려고 한다

# 느낀점

실제 내가 코딩한 건 5%도 안되는 것 같다.. 작년말에 사용할 때와 차원이 다른 수준으로 발전했다.

최근 유튜브에 비개발자들이 "바이브 코딩으로 몇 시간만에 구현하기" 이런 제목들을 많이 봤는데, 거짓말이 아닌 것 같다.

실제로 내가 도구들이 익숙해서 정말 빠르게 구현됐지만,

뭘 어떻게 사용해야하는지 몰라도 AI에 질문하면서 구현한다면 서비스 제공하는데까지 전혀 어려움이 없어보였다.

요즘은 단순 개발자들이 사라지고, 바이브 코딩을 잘하는 개발자,

또는 AI쪽 개발하는 개발자들만 살아남을 거라는 얘기를 들었는데 이번 서비스 구현으로 크게 와닿았다

AI를 사용하면서 나는 그냥 PM이었고 개발자를 고용한 느낌이었다. 생각보다 몸에 와닿는 큰 충격을 받았다

 

AI 코딩은 좋고 앞으로도 더 발전할 것 같다.

나는 이런 도구를 좀 더 잘 활용할 수 있는 아키텍처 수준의 개발자가 되어야 겠다는 생각을 가지게 되는 경험이었다