[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다

Tech Story/etc.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다

 

kt cloud AI사업개발팀 정소라

 

요약 SUMMARY

이 글에서는 AI 코딩 어시스턴트, Firebase, kt cloud AI NEXUS를 결합해
웹 애플리케이션을 개발하고 배포하는 과정을 다룹니다.
AI 개발 결과물을 안정적으로 서비스화하고 향후 확장 가능한 운영 방향을 정리합니다.

#AI_NEXUS #AI코딩 #Firebase #웹애플리케이션배포 #AI서비스

들어가며 — '아이디어'에서 '프로덕트'까지의 거리

"아이디어 → 배포"까지의 거리가 빠르게 짧아지고 있습니다. 과거에는 며칠, 길게는 몇 주가 걸리던 풀스택 웹앱 개발이, AI 코딩 어시스턴트와 클라우드 플랫폼의 결합으로 이제는 단 몇 시간이면 충분한 시대입니다.

 

이번 글에서는 'VocabMaster(나만의 영단어장)'라는 작은 토이 프로젝트를 통해, AI 코딩 어시스턴트(Antigravity) + Firebase + kt cloud AI NEXUS 조합이 만들어내는 시너지를 공유합니다. 단순한 개발 후기를 넘어, 이러한 워크플로우가 개발 생산성과 비즈니스 민첩성(Business Agility) 에 어떤 임팩트를 주는지를 의사결정 관점에서 짚어보겠습니다.


1. AI가 코딩한다 — Antigravity로 프론트엔드 개발

웹 개발을 시작할 때 가장 먼저 마주하는 장벽은 바로 프론트엔드입니다. 아무리 좋은 백엔드 로직이 있어도, 사용자가 마주하는 UI/UX가 투박하다면 프로덕트로서의 가치를 인정받기 어렵습니다. 하지만 최신 트렌드에 맞는 유려한 디자인을 HTML, CSS, JavaScript로 직접 구현하는 것은 막대한 시간과 노력을 요구합니다.

 

이번 프로젝트에서는 프론트엔드 개발의 전 과정을 AI 코딩 어시스턴트인 Antigravity에 일임했습니다.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
Antigravity를 활용하여 웹앱 바이브코딩


2. Firebase로 백엔드 부담 제거— Firebase로 구현하는 실시간 데이터 동기화와 인증

UI는 완성됐지만, 새로고침하면 저장한 단어가 모두 사라지는 문제가 남아 있었습니다. 토이 프로젝트를 위해 컴퓨팅 인스턴스를 띄우고, Node.js나 Python으로 REST API 서버를 개발하며, MySQL이나 MongoDB를 세팅하는 것은 ‘배보다 배꼽이 더 클’ 수 있습니다. 정식 백엔드를 새로 구축하는 대신, 서버리스 DBaaS인 Firebase를 이용해 구글 로그인Cloud Firestore(NoSQL DB) 를 손쉽게 연결했습니다.

 

CMD(Windows) 창에서 Firebase 도구 설치(npm install -g firebase-tools), Firebase 로그인(firebase login) 명령어를 입력합니다.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
CMD 창에서 Firebase 도구설치 명령어 입력

 

Anitgravity가 Firebase 프로젝트를 직접 조작할 수 있도록, Antigravity 실행 후 메뉴에서 MCP 서버를 선택 후, Firebase를 설치하였습니다.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
Antigravity에서 MCP Server 선택

 

사용자 고유 ID를 키로 본인 단어장만 안전하게 동기화되도록 설계했고, 서버 코드 한 줄 없이 실시간 동기화까지 구현했습니다.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
Firebase 콘솔 시작 화면_프로젝트 생성(Github 프로젝트 연동)

  1. Firebase Authentication (구글 로그인 통합): 복잡한 OAuth 2.0 프로토콜을 직접 구현할 필요 없이, SDK의 메서드 호출 한 번으로 안전한 구글 로그인 기능을 연동했습니다.
  2. Cloud Firestore (NoSQL 데이터베이스): users/{userId}/words/{wordId} 형태의 직관적인 문서 기반 스키마를 설계했습니다. 사용자 고유 ID(UID)를 키값으로 사용하여 본인의 단어장 데이터만 안전하게 격리되어 저장되도록 구성했습니다.
  3. Firestore Security Rules: 서버 코드가 없는 환경에서의 보안 취약점을 막기 위해, 인증된 사용자만 자신의 데이터에 읽기/쓰기 권한을 가지도록 강력한 보안 규칙을 선언적으로 적용했습니다.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
바이브코딩으로 push 및 deploy한 랜딩페이지

 

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
Firebase 구글로그인 기능 연동으로, 로그인 시 기존 데이터가 저장된 것을 확인 가능


3. AI NEXUS로 배포 — '학습과 추론의 경계를 허문' 플랫폼 위에 올리기

해외 무료 호스팅을 쓸 수도 있었지만, 데이터 주권, 확장성, 그리고 향후 AI 기능 결합 가능성까지 고려해 kt cloud AI NEXUS 환경에 올려봅니다.

 

AI NEXUS는 단순한 호스팅 플랫폼이 아닙니다. "Train과 Serving의 경계를 허물어, AI 워크로드 전체를 하나의 연결점(Nexus)에서 관리하는 플랫폼"이라는 포지셔닝답게, 개발 → 배포 → 확장을 하나의 환경에서 끊김 없이 이어갈 수 있도록 설계되어 있습니다.

 

GitHub에 코드를 푸시한 뒤, AI NEXUS가 제공하는 Interactive IDE 환경에서 개발을 마무리하고, 사전 생성된 도메인을 통한 서비스 배포 기능으로 웹앱과 DB 연계를 손쉽게 띄웠습니다. 복잡한 인프라 설정 없이도 안정적인 서비스 환경이 즉시 갖춰진다는 점이 인상적이었습니다.

 

AI NEXUS를 선택한 세 가지 이유:

① 노트북처럼 항상 켜져 있는 클라우드 개발 환경 (Interactive IDE)

개발 환경 세팅은 개발자들에게 언제나 고역입니다. AI NEXUS는 클라우드 기반의 Interactive IDE를 제공하여, 로그인부터 실행까지 1분 이내에 모든 세팅이 완료됩니다. "내 컴퓨터에서는 되는데 서버에서는 안 돼"라는 고질적인 문제를 원천 차단하며, 브라우저만 있으면 언제 어디서든 IDE 환경에서 코드를 수정하고 곧장 배포까지 이어지는 압도적으로 매끄러운 워크플로우를 경험할 수 있었습니다.

② 퍼블릭 클라우드급 안정성과 엔터프라이즈 보안 (Security & Stability)

AI NEXUS는 kt cloud가 자랑하는 퍼블릭 클라우드 인프라를 기반으로 작동합니다. WAF(웹 방화벽), DDoS 방어, 엄격한 네트워크 접근 제어 등 엔터프라이즈 기업들이 사용하는 최상위 수준의 보안 체계와 인프라 안정성을 작은 토이 프로젝트에서부터 동일하게 누릴 수 있다는 점은 엄청난 메리트입니다.

③ 자연스러운 AI 확장 시나리오 (Scalable AI Pipeline) — 가장 핵심적인 차별화 포인트

토이 프로젝트로 가볍게 시작했지만, 향후 이 서비스에 '개인화된 단어 추천 AI'나 'LLM 기반 예문 자동 생성 기능'을 결합하여 고도화된 AI 프로덕트로 발전시키고 싶다면 어떻게 될까요? 타 호스팅 플랫폼이라면 AI 모델 서빙을 위해 완전히 새로운 GPU 인프라를 찾아 나서고, 복잡한 API 연동과 마이그레이션 작업을 거쳐야 합니다. 하지만 AI NEXUS 위에서는 동일한 플랫폼 안에서 인프라 이전 없이 자연스럽게 진화할 수 있습니다. 데이터 전처리, 모델 학습(Train), 서빙(Serving), 파이프라인 구축에 이르는 전 과정을 마이그레이션 없이 단계적으로 스케일업(Scale-up) 할 수 있다는 점, 이것이 바로 AI NEXUS만이 제공하는 독보적이고 차별화된 비즈니스 가치입니다.

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
터미널에서 git clone
[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
AI NEXUS GUI 콘솔에서 워크로드-세션
[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
세션 생성
[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다

 

1. 설치 명령어 (install 포함)

npm install firebase-tools

(설치가 끝날 때까지 기다려 주세요.)

2. Firebase 로그인

npx firebase login --no-localhost

(URL이 나오면 복사해서 브라우저에서 로그인 후 발급된 코드를 터미널에 붙여넣습니다.)

3. 프로젝트 배포

npx firebase deploy

 

[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
AI NEXUS 콘솔 화면
[AI활용] AI가 코딩하고, kt cloud AI NEXUS로 AI 서비스를 배포한다
AI NEXUS 특장점


마무리 — '아이디어가 곧 AI 프로덕트'가 되는 시대

  • Antigravity — 코드 작성 속도를 10배로
  • Firebase — 백엔드 진입장벽 제거
  • kt cloud AI NEXUS — 프로토타입을 AI 프로덕트로 잇는 '연결점'

AI가 코드를 써주는 시대에, 화두는 이제 그 결과물을 어디에 어떻게 띄울 것인가입니다. 학습과 추론, 개발과 배포의 경계를 허문 AI NEXUS는 그 자연스러운 종착지가 되어줄 수 있습니다.

 

머릿속에 작은 아이디어가 있다면, 더 이상 미루지 마세요. AI가 코드를 써주고, kt cloud가 안정적으로 띄워줍니다.

 

'아이디어가 곧 프로덕트가 되는 시대', 지금 당장 여러분만의 프로젝트를 시작해 보시기 바랍니다.

 

kt cloud 클라우드 플랫폼 서비스 바로가기 배너

자주 묻는 질문 FAQ

Q 가벼운 토이 프로젝트 배포에 굳이 kt cloud AI NEXUS를 선택한 이유는 무엇인가요?
A 토이 프로젝트 규모부터 엔터프라이즈급 보안을 적용받을 수 있는 것은 물론, 향후 해당 서비스에 LLM이나 AI서비스 를 추가할 때 별도의 인프라 마이그레이션 없이 동일한 플랫폼 내에서 매끄럽게 AI 파이프라인을 확장할 수 있는 장점이 있기 때문입니다.