TubeLingo AI Logo
journey

[제6화] 마법에서의 졸업 —— 오기와 밤샘의 로컬 환경 구축, 그리고 '두 가지 절망'

bolt.new라는 마법 지팡이를 사용하여 불과 24시간 만에 전 세계에 서비스를 공개한 나. 하지만 그 고양감은 금세 '초조함'으로 바뀌었습니다.

버튼 색깔을 바꾸고, 레이아웃을 조금 수정한다. 그런 사소한 조정을 하는 것만으로도 bolt.new의 크레딧(이용료)은 무서운 기세로 녹아내립니다. "이대로 가다간 파산하겠다." 그렇게 깨달은 저는 마법 지팡이를 놓기로 결심했습니다.

"0에서 1을 만들어내는 단계에서는 bolt.new가 최고의 도구다. 하지만 1을 10으로 만드는 세밀한 조정에는 한계가 있다."

저는 Gemini와 상담하여 제 컴퓨터 위에 개발 환경(로컬 환경)을 구축하기로 했습니다. 여기서부터가 끝이 보이지 않는 '오기와 밤샘의 싸움'의 시작이었습니다.

심야의 어두운 방에서 컴퓨터의 검은 화면(터미널)을 향해 기진맥진하면서도 필사적으로 타이핑하는 40대의 일러스트

끝이 보이지 않는, 검은 화면과의 밤샘 사투

Gemini에게 하나하나 순서를 배워가며, 'VS Code'라는 전문 엔지니어가 사용하는 에디터를 설치했습니다. 그리고 검은 화면(터미널)에 Gemini가 말하는 대로 명령어를 쳐 넣습니다.

제가 도대체 무슨 주문을 치고 있는지 전혀 이해하지 못합니다. "제발, 제발 작동해 줘"라고 기도하며 엔터 키를 두드리는 나날. 여전히 잠 못 이루는 밤이 계속되고 있었습니다.

그리고 직면한 것이 **'두 가지 절망'**이었습니다.

[절망 그 첫 번째: 환경 변수의 수수께끼에 사라진 24시간] 로컬 환경으로의 전환에서 가장 큰 장벽이 된 것은 'API 키 숨기기'였습니다. AI 기능을 안전하게 사용하기 위해, 비밀번호와 같은 것인 API 키를 '환경 변수'로서 서버에 등록해야 합니다.

하지만 이것이 도무지 작동하지 않습니다. Gemini에게 몇 번을 물어봐도 에러가 사라지지 않습니다. 꼬박 하루를 소비하여 심신이 한계에 다다랐을 무렵, 원인이 판명되었습니다.

"환경 변수의 이름이 잘못되었다"는 것입니다. 이름을 바꾸기만 했을 뿐인데 거짓말처럼 쉽게 작동했습니다. 왜 그 이름이 안 되었던 것인지 아직도 진상은 모릅니다. 프로그래밍의 불합리함을 뼛속까지 맛본 순간이었습니다.

[절망 그 두 번째: 배포 빈곤] 로컬 환경에서 어떻게든 수정한 것을 다시 전 세계에 공개(배포)한다. 하지만 여기서도 에러가 연발하여 배포할 수 없게 되었습니다.

나중에 알게 된 사실이지만, 서버에 배포하는 작업 자체에도 고정적인 크레딧이 소비되고 있었던 것입니다. "자동이 아니라 수동으로 공개해도 돈이 드는 건가……." 저는 떨리는 마음으로 배포 빈도를 극단적으로 줄일 수밖에 없었습니다.


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

  • 기술 난이도: ⭐⭐⭐☆☆ (복붙만으로는 나아갈 수 없는 벽)

이번에는 마법의 도구를 뛰쳐나와, 전문가와 같은 무대에서 AI와 대화하는 진흙탕 같은 과정을 소개합니다.

1. '로컬 개발 환경(VS Code)'이란?

AI가 준비해 준 마법의 주방(브라우저상의 도구)을 졸업하고, 내 컴퓨터 안에 '나만의 주방'을 만드는 것입니다. 그 주방의 가장 중요한 도구가 'VS Code'라는, 전문 요리사도 애용하는 고성능 도마와 식칼 세트 같은 것입니다.

2. 어떻게 했나요?

저는 Gemini에게 "내 PC에서 개발하고 싶어. VS Code 설치법부터 알려줘"라고 부탁하고, 지시받는 대로 '터미널'이라고 불리는 검은 화면에 명령어(주문)를 입력했습니다. 에러가 나면 그 에러 메시지를 통째로 복사해서 Gemini에게 붙여넣고 "이렇게 나오는데 어떻게 해야 돼?"라고 반복해서 묻는, 끈질긴 대화를 하염없이 계속했습니다.

3. 독자 여러분께

'검은 화면'이나 'VS Code'라고 들으면 프로그래머 전용으로 보이지만, 두려워할 것은 없습니다. AI에게 "완전 초보자를 위해 다음엔 무슨 버튼을 눌러야 할지 한 걸음씩 알려줘"라고 부탁하면, 손을 잡고 이끌어주는 훌륭한 가정교사가 되어 줍니다. 우선 VS Code를 다운로드하는 것부터 한 걸음 내디뎌 보지 않으시겠습니까?


예고: 기술의 장벽을 넘어선 곳에 있는 '허무함'

이렇게 어떻게든 로컬 환경을 기동하고, 배포 비용도 줄이면서 'AI 운세 사이트'를 제 손으로 통제할 수 있게 되었습니다.

하지만 기술적인 장벽을 하나 넘은 이때, 제 안에 문득 어떤 '허무함' 같은 것이 스쳐 지나갔습니다.

"나는 도대체 누구를 위해 이 사이트를 만들고 있는 걸까?"

기술에 휘둘리는 단계가 끝나고, 드디어 '콘텐츠의 진가'를 시험받는 잔혹한 단계로. 다음 회, [제7화] 아무도 오지 않는 놀이공원과 들이닥친 현실. 기대해 주세요!

유튜브의 '생생한 목소리'로 배우기 📺

동영상 URL만 입력하세요.
AI가 실제 댓글과 슬랭을 설명해 드립니다.

배운 내용을 바로 실천 ✍️

오늘 배운 표현으로 일기를 써보세요.
AI 튜터가 자연스럽게 첨삭해 드립니다.