AI CITY BUILDERS 무료 학습 경로

[멤버십] 에이전트와 대화하며 함께 코딩하는 훈련하기. 난이도 : 중

AI CITY BUILDERS · 정원석(제이)의 강의 정리 원본 영상 공개 · 2025년 4월 25일 45:27 조회 18회 지식 아카이브
## AI 에이전트와 함께 코딩하기: 커서(Cursor)를 활용한 서비스 개발 실습 AI 기술이 빠르게 변화하는 시대에 가장 필요한 능력은 '에이전트'와 협업하는 것입니다. 여기서 에이전트란 단순히 게임 내 행동을 수행하는 컴퓨터 프로그램을 넘어, 이제는 사람과 대화하고 그림을 그리며 코드를 작성하고 영상을 만드는 등 폭넓은 기능을 수행하는 인공지능을 의미합니다. 본 강의에서는 커서(Cursor) AI 에디터를 활용하여, 음식 사진을 분석하고 영양 성분을 알려주는 '칼(Cal) AI' 서비스를 함께 개발해 봅니다. ## 개발 도구: 커서(Cursor) AI 에디터 설치 및 설정 커서(Cursor)는 개발을 지원하는 AI 에디터로, 내장된 에이전트를 통해 대화만으로 코드를 작성하고 수정할 수 있습니다. 1. **설치:** 커서 공식 홈페이지에서 운영체제(Mac 또는 Windows)에 맞는 버전을 다운로드하여 설치합니다. 2. **프로젝트 생성:** 커서를 실행한 후 'Open Project'를 클릭하고, 새로운 폴더(예: Test10)를 생성하여 엽니다. 3. **인터페이스 구성:** - **왼쪽:** 파일 및 프로젝트 구조를 관리하는 영역입니다. - **가운데:** 작성 중인 코드의 상세 내용이 표시됩니다. - **오른쪽:** AI 에이전트와 대화하며 명령을 내리는 채팅창입니다. 4. **에이전트 활용:** 채팅창 하단에서 'Agent' 모드를 선택하면 단순히 대화하는 것을 넘어, AI가 직접 코드를 작성하고 프로젝트 파일에 반영할 수 있습니다. 모델(Claude 3.7 Sonnet, GPT-4o 등)을 선택하여 개발을 시작할 수 있습니다. ## 핵심 기술: 오픈 AI(OpenAI) API 연동 실제 인공지능 모델의 성능을 활용하기 위해서는 API 키가 필요합니다.

API 키란? 오픈 AI와 같은 인공지능 서비스 제공업체의 모델을 자신의 프로그램에서 호출할 수 있도록 해주는 일종의 인증 비밀번호입니다. 사용량에 따라 과금이 발생하며, 사용자가 모델을 얼마나 효율적으로 호출했는지 관리하는 역할을 합니다.

* **키 생성 절차:** [OpenAI API 플랫폼](https://platform.openai.com/)에 로그인 → 프로필 내 'API Keys' 선택 → 'Create new secret key'를 통해 새로운 키를 생성합니다. * **연동:** 발급받은 키를 코드에 적용하면 인공지능 모델을 원격으로 불러와 사용할 수 있습니다. ## 실습: 칼(Cal) AI 서비스 구현 단계 본 실습은 사용자가 음식 사진을 입력하면 해당 음식의 칼로리, 탄수화물, 단백질, 지방 함량을 분석하는 서비스를 만드는 과정입니다.
  1. 프론트엔드 생성: 커서 에이전트에게 "리액트(React)와 넥스트(Next.js)를 사용하여 웹사이트 프론트엔드를 생성해줘"라고 지시합니다. 에이전트가 제안하는 명령어를 'Run Command'를 통해 실행하여 초기 프로젝트 구조를 잡습니다.
  2. 기능 구현: AI 모델에 음식 이미지 URL을 전달하고, "이미지를 분석하여 영양 성분을 상세히 설명해달라"는 프롬프트를 입력합니다.
  3. 검증 기능 추가: 단순히 이미지를 분석하는 것을 넘어, 웹 검색(Web Search) 기능을 활성화하여 실제 영양 성분 데이터와 대조함으로써 정확도를 높입니다.
  4. 디자인 커스텀: "미래 지향적인 디자인으로 배경은 검은색, 버튼은 세련된 스타일로 변경해줘"와 같은 구체적인 시각적 지시를 통해 UI를 개선합니다.
## 오류 해결 및 유지보수 개발 과정에서 에러가 발생하면 당황할 필요가 없습니다. 커서 AI는 오류 메시지를 실시간으로 분석합니다. * **오류 조치 방법:** 발생한 오류 메시지(주로 빨간색 텍스트)를 복사하여 에이전트 채팅창에 붙여넣고 "이 오류를 고쳐줘"라고 지시합니다. * **지속적인 대화:** "API 키를 웹사이트에서 직접 입력할 수 있는 창을 만들어줘"와 같이 수정 사항을 단계별로 대화하며 기능을 보완합니다. 이러한 방식은 기존 개발 방식보다 훨씬 효율적입니다. 앞으로는 단순히 코드를 짤 줄 아는 사람보다, AI 에이전트를 적재적소에 활용하여 생산성을 극대화하는 'AI 활용형 인재'의 수요가 더욱 커질 것입니다. 지금 바로 커서 AI를 설치하고 간단한 아이디어를 서비스로 구현해보는 연습을 시작하시기 바랍니다.
목적에 맞는 무료 학습 경로 비즈니스 인사이트 전체 보기 이북으로 이어서 배우기 정규 교육과정 보기 유튜브에서 보기