[제3화] 마법 지팡이 'bolt.new'와 수십 초의 기적

Gemini의 "함께 합시다"라는 말에 등을 떠밀려 드디어 개발이 시작되었습니다. 그렇다고는 해도 저는 "무엇을 사용해서, 어떻게 만들어야 하는지"조차 모릅니다. 그때 Gemini가 제안해 온 것이 바로 **'bolt.new'**라는 도구였습니다.

Gemini: "기술적인 준비는 저에게 맡겨 주세요. 우선 'bolt.new'라는 서비스를 사용해 봅시다. 이것이라면 브라우저만으로 앱을 만들 수 있습니다. 제가 지금부터 운세 사이트를 만들기 위한 '설계도(프롬프트)'를 쓸 테니, 그것을 그대로 붙여넣어 보세요."

Gemini가 써 내려간 것은 초보자인 저로서는 도저히 이해할 수 없는, 복잡하고 긴 프롬프트 덩어리였습니다. "정말 이걸 붙이기만 하면 되는 건가?" 하고 반신반의한 채, 저는 떨리는 손으로 그것을 복사해서, 시키는 대로 bolt.new 화면에 흘려 넣었습니다.

그 직후입니다. 화면 오른쪽에 있는 미리보기 브라우저가 움직이기 시작했습니다. bolt.new의 프롬프트 화면에 코드가 맹렬한 기세로 쓰여 나갑니다.

그리고……

"……어, 벌써 다 됐어?"

시곗바늘이 1분도 채 지나기 전에, 그곳에는 번듯한 웹사이트가 세워져 있었습니다. 지금 실제로 공개하고 있는 'AI Career Tactician'의 디자인, 그 거의 완성형이 그 순간에 탄생한 것입니다.

수십 초 전까지 제 머릿속에만 있었던 '운세 사이트'의 아이디어. 그것이 눈앞의 화면에서 버튼을 누를 수 있고, 입력이 가능하며, 운세 결과가 표시되는 '움직이는 서비스'로서 존재하고 있었습니다.

나: "대단해…… 정말 사이트가 만들어졌어. 순식간에 눈앞에 나타났어……!"

놀라움과 감동, 그리고 무엇보다 "나도 할 수 있을지도 몰라"라는 강렬한 설렘. 심장 박동이 귓가에 들릴 정도로 격렬해졌고, 저는 화면에 못 박힌 듯 시선을 떼지 못했습니다. 이때의 충격은 지금까지의 인생에서 맛본 적 없는 종류의 것이었습니다.

"AI라는 마법을 사용하면 기술의 장벽은 넘을 수 있다." 그렇게 확신한 저는, 이제부터 더 깊은 '개발의 늪'으로 스스로 뛰어들게 됩니다.

---

🍳 [오늘의 AI 개발 레시피]

• 기술 난이도: ⭐☆☆☆☆ (복붙만 할 수 있으면 OK!)

이번에는 사람이 코드를 쓰는 것이 아니라, AI가 쓴 '설계도'를 다른 AI 도구에 넘겨주는 연계 기술을 사용했습니다.

1. [마법 지팡이 'bolt.new']란?

어려운 환경 구축은 전혀 필요 없습니다. 브라우저를 열고, 하고 싶은 것을 텍스트로 전달하기만 하면 AI가 그 자리에서 웹사이트나 앱을 만들어 주는, 그야말로 '마법 지팡이' 같은 개발 도구입니다.

2. 어떻게 했나요?

제가 한 것은 Gemini에게 "bolt.new로 운세 사이트를 만들기 위한 프롬프트를 써 줘"라고 부탁하고, 출력된 긴 주문(프롬프트)을 그대로 bolt.new 입력란에 복사&붙여넣기한 것뿐. 정말 그것뿐입니다.

실제 체험: Gemini가 써 준, 저는 해독 불가능한 긴 지시문을 그저 오른쪽에서 왼쪽으로 흘려보내듯 붙여넣었습니다. 그러자 수십 초 후, 사이트가 완성되어 있었습니다.

3. 독자 여러분께

백문이 불여일견. 우선 'bolt.new'에 접속해서 "OO한 사이트를 만들어 줘"라고 한마디 입력해 보세요. 그 충격적인 속도를 체험하는 것만으로도 세상이 달라 보일 것입니다!

---

예고: 마법의 대가와 소리 없이 다가오는 '과금'의 그림자

수십 초 만에 사이트가 완성되는 기적을 체험하고 흥분이 가라앉지 않는 나. 이제 이것을 세상에 공개하기만 하면 돼! 의기양양하게 다음 단계로 나아가지만, 마법에는 반드시 '대가'가 따르는 법입니다.

"어라, 왠지 이 버튼 색깔을 바꾸고 싶은데…" 가벼운 마음으로 시작한 커스터마이징이 설마 그런 사태를 불러일으킬 줄이야. 다음 회, 나도 모르는 사이에 부풀어 올라 있던 '청구액'의 공포에 대해 이야기합니다.

다음 회, [제4화] 마법의 대가와 소리 없이 다가오는 '과금'의 그림자. 기대해 주세요!