[하루한편] 글쓰기 트레이닝 앱 제작 과정

바이브코딩으로 만든 글쓰기 트레이닝 웹앱 제작기

Bolt.new 라는 바이브코딩 사이트에서 글쓰기 트레이닝용 앱을 만들어보았습니다.

다행히도 Bolt에서 만든 앱은 공개해서 누구나 쓸 수 있기 때문에, 블친들께서도 사용해 보실 수 있습니다.

여기 Bolt에서 만든 글쓰기 트레이닝 앱 링크를 달았습니다.

들어가 보셔서 한 번씩 연습해 보시면 본인에게 맞는 앱을 어떻게 만들면 되겠구나 쉽게 느끼실 수 있으실 겁니다.

6단계 글쓰기 트레이닝 웹 https://6-step-writing-train-ijcv.bolt.host/

6-Step Writing Trainer

바이브코딩이라는 게 코딩이란 말이 들어가 있어서 뭔가 기술적이지 않을까 싶겠지만 아래 제작 과정을 보시면 그냥 생각대로 만들어진다고 보시면 됩니다.

크게 단계를 나눠서 설명해도 2단계로 끝이 납니다.

1단계: AI(제미나이, 챗GPT)에게 만들고 싶은 걸 이야기하고, 개발 요구 사항을 정리해 달라고 합니다.

2단계: 바이브코딩 사이트 (Bolt.new, Replit 등)에 가서 AI가 만들어준 개발 요구 사항을 입력합니다.

이게 다입니다. 바이브코딩은 정말 누구나 웹에서 자기에게 필요한 것을 만들어 주는 마법 같은 기술입니다.

제미나이의 답변에 기술적인 내용이 많지만 그냥 모르고 지나쳐도 아무 상관이 없습니다. 그냥 복사해서 붙이기만 하면 되기 때문입니다.

첫 번째 단계: 제미나이에게 바이브코딩용 개발 요건 만들어달라고 하기

나: 글쓰기 트레이닝은 5 문장 적기, 1 문장을 4 문장으로 확대하기, 100자 이내로 쓰기, 10초 관찰 후 관찰 결과 쓰기, 오늘의 단어를 선정하고 그 단어에 대해서 문장으로 쓰기, 오늘의 문장 뽑기. 이렇게 6개 과정으로 되어 있어. 이 기능을 개발할 개발 요구 사항을 정리해 줘. 오늘 연습한 결과를 다운로드할 수 있는 기능과 DB를 삭제할 수 있는 기능이 있으면 좋겠고, 해당 웹앱을 Public 하게 사용할 수 있도록 만들어주면 좋겠어.

제미나이: 제미나이의 답변 (답변이 길어서 링크로 연결해 두었습니다. 링크를 열어보셔서 확인하실 수 있습니다.)

두 번째 단계: Bolt.new 사이트에 가서 회원 가입하고 제미나이 답변 입력하기

이 단계는 더 설명할 부분이 없습니다. 사이트 가입은 구글 계정으로 바로 하시면 되기 때문에 크게 어려움이 없습니다.

Bolt는 매월 무료 가입자에게 1백만 토큰을 주는데, 제가 글쓰기트레이닝용 앱을 만드는 게 사용한 토큰은 200K 토큰 정도여서 800K 토큰이 아직 남아 있습니다. 매월 1 백만씩 갱신되기 때문에 안 쓰면 날아간다고 보시면 됩니다.

Bolt에 가입되셨다면 이제 제미나이의 개발 요구사항을 채팅창에 입력하시면 됩니다.

그러면 5분 정도 후면 원하는 글쓰기용 트레이닝 앱이 나오게 됩니다. 여기서 맘에 안 드는 부분이 있으면 채팅창에서 대화하면서 계속 튜닝해 나가시면 됩니다.

저의 경우엔 개발 요구사항대로 잘 만들어져서 추가로 요구할 게 없었습니다.

무료로 공개 가능한 앱을 이렇게 마음껏 만들 수 있다는 게 새삼스럽게 놀라운 세상입니다.