AI 요약
초보 개발자도 AI 코딩 도구 ‘커서(Cursor)’를 활용해 나만의 AI 챗봇 ‘菜包(차이바오) AI 어시스턴트’를 만들 수 있는 실전 가이드. 프로젝트는 HTML/CSS/JavaScript로 프론트엔드를 구성하고, Node.js + Express로 백엔드를 구축하며, 화산 엔진(Volcengine)의 두바오(Doubao) AI 모델 API를 연동한다. 전체 개발은 ‘인터페이스 → 상호작용 → 백엔드 → AI 모델 호출 → 로컬 디버깅 → 배포’ 순서로 단계별 반복하며 진행한다. 특히 한 번에 모든 기능을 구현하지 않고, 한 번에 하나의 요구사항만 AI에게 전달하는 것이 핵심 원칙이다.
핵심 포인트
- 개발 도구: Cursor(핵심 AI 코딩 도구), Vite(프론트엔드), Node.js + Express(백엔드)
- AI 모델: 화산 엔진(Volcengine) 두바오(Doubao) 대형 언어 모델 API 사용
- 핵심 기능: Enter 전송, Shift+Enter 줄바꿈, 사용자 메시지 우측 정렬, AI 메시지 좌측 정렬, 로딩 상태 표시, 자동 스크롤
- 배포 환경: 클라우드 서버 + 바오타 패널(Baota Panel)을 통한 온라인 배포, Nginx 또는 Docker 활용 가능
향후 전망
- AI 코딩 도구의 발전으로 비전문가도 쉽게 AI 애플리케이션을 개발할 수 있는 시대가 도래할 것으로 예상됨
- 단계별 반복 개발 방식(AI와의 점진적 협업)이 AI 코딩의 표준 방법론으로 자리잡을 가능성 높음
출처:juejin