기획자의 서비스 직접 만들기 #1
52
설명
어느날 부터 갑자기 AI 관련해서 떠드는 사람이 주변에 많아지기 시작했었다.
Chat GPT 로 출퇴근길에 운전하면서 사회문제를 토론하는 주변인의 말로는 뭔가 세상이 급격하게 달라진것처럼 말했었는데.. 그땐 뭐 새로운 툴이 하나 더 개발됬는데.. 너무 설레발인게 아닌가 싶었다.
그리고 몇달인가 지나서 뜬금없이 인사팀에서 바이브코딩으로 서비스를 만들어서 사용한다고 전사 게시글이 올라온걸 보고 '뭐지..? 또 어떤 잡스러운걸 돈주고 샀나..' 싶더니만.. 막상보니 있을 기능들은 다 들어가 있는데 어딘가 모르게 조잡해 보여서 딱히 신경이 쓰이진 않았다. 다만 IT 조직이 있는데 일언반구 말도 없이 저런걸 만들어서 전사에 서비스 한다는게 맘에 들지 않았을뿐.. 뭐 이 역시도 따로 입밖에 내거나 표현한적은 없다.
그렇게 또 몇달이 지나서 Gemini 와 Chat GPT 와 관련해서 회장님까지 뭔가 신세계를 만난것처럼 얘기하시는걸 들었을때.. 내가 뒤쳐지는건가 싶은 생각이 들었는데.. 그때까지도 실체를 몰랐다.. 다만 구글링 대신에 정보를 취합하거나 검색대용으로 사용할 정도?
그러니까 내가 처음 AI 에 대한걸 듣고 거의 1년이 지난 시점에 나도 해볼까 라는 생각을 하게된것 같다. 정확하게는 내가 생각하던 서비스를 만들어 보고자 하는 생각이 든게 1년이 좀더 지난 시점이었던것 같다.
첫번째로 만든 서비스는 Cursor 무료를 다운 받아서 무작정 이런 서비스를 만들고 싶다고 질러봤는데.. 정말 표현이 안될정도로 끔찍한 괴작이 나왔다.. 여기서 진행했던 내용을 보자면..
웹 서비스를 만들기 위해 커서에 직접 화면에 대해 설명을 했는데.. 주로 고민했던 기능과 관련된 부분은 자세히 설명하고 메인의 UI 나 다른 부분은 말도 안되게 대충 설명했던듯 싶다.. 그 결과 희한한 서비스가 나왔고 결과물을 로컬에서 확인하지마자 프로젝트를 삭제했다..
두번째 프로젝트는 간단한 게임을 만들어 보기로 했다. 처음 생각은 고양이 한마리가 장애물을 첨프해서 피하면서 앞으로 나가는 단순한 게임이었으나.. 이미지 생성에 실패해서 3일을 이미지 제작에만 매달리다 삭제했다.
여기서 순차적으로 진행했던 내용은 이미지를 찾아서 이와 유사한 이미지를 달리는 고양이로 만들어주고 2개의 프레임으로 나눠서 게임속에서 간단히 달리는 모습으로 구현해 달라는 내용이었는데.. 2개의 프레임은 고양이가 정면으로 달리는 이미지로 생성이 됬고.. 이걸 횡으로 달리는 이미지로 변경하는데 하루가 걸렸다.. 그리고 횡으로 달리는 이미지는 또 다른 고양이처럼 달라져 있어서 이걸 수정하다 현타가 왔다.. '내가 이렇게 설명을 못하나..' 라는 생각이 들었고, 제미나이 프로를 이용해 보자라는 생각이 들어서 제미나이에게 프롬프트 작성을 요청했다.
꽤나 자세하고 그럴듯한 프롬프트를 이용해 만든 고양이 이미지는 엉망이었고 결국 포기했다..
그런데 아예 수확이 없는건 아닌게 어떤식으로 프롬프트를 작성하고 명령을 해야 하는지 알게됬고 구조를 먼저 생각해서 요청해야 한다는 간단하고 명확하게 다들 알만한 내용을 알게됬다.. 나 기획자인데..
먼저 서비스를 정의하고 기능을 정의해서 문서를 만들었다. 혼자 하는 프로젝트이다보니 Manus 를 이용해서 ppt 로 먼저 만들고 문서를 다듬어서 말이 되도록 만들었다. 그리고 Gemini 를 통해 이를 구현할 구체적인 서비스들을 소개받았다.
DB 는 supabase 의 무료 서비스를 이용하고 배포는 vercel 서비스를 이용하고 Next.js 를 이용해서 서비스를 만들기로 하고 이를 Cursor 에게 요청했더니..
그때 처음으로 마법처럼 서비스 개발이 시작되는걸 확인했고 뭔가 희망을 보았다.
그 후로 거의 3일만에 서비스를 만들었는데.. 물론 이래저래 원하는대로 만들어지지 않아서 밤마다 짜증이 나긴 했지만 결국 만들어 지는걸 확인했다.
그렇게 만든 첫번째 프로젝트가 SideSync 라는 서비스다.
이 게시글이 #1 인 이유는 프로젝트를 진행하면서 실수했던 부분과 오해했던 부분들을 남겨보고 싶은데 도입 부분이 길다보니 #2 부터 진행하면서 실수했던 부분과 어떤식으로 해결했는지 남겨볼 생각이다.
To be Continue..
신고 · 불법·유해·아동 안전(CSAE) 관련 콘텐츠
댓글 0
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.