최영선의 블로그

AI 웹 개발 입문 시리즈 (7/7)AI 앱은 배포하면 끝이 아닙니다. '이 답변이 정말 좋은 건가?'를 측정하고, 더 좋게 만드는 과정이 진짜 실력입니다.우리는 지난 6편의 여정을 통해 AI API 사용법부터 프롬프트 엔지니어링, RAG 시스템 구축, 그리고 웹 서비스 배포까지 달려왔습니다. 이제 여러분의 손에는 세상에 공개된 멋진 AI 서비스가 들려 있을 겁니다. 하지만 사용자들이 "답변이 이상해요", "엉뚱한 소리를 해요"라고 말하기 시작하면 당황스럽기 마련입니다.전통적인 소프트웨어 개발에서는 '1 + 1'이 항상 '2'가 나와야 성공입니다. 하지만 AI는 매번 다른 답을 내놓습니다. 어제는 완벽했던 답변이 오늘은 조금 부족할 수도 있죠. 이런 불확실성 속에서 어떻게 품질을 관리하고 개선할 수 있을..

AI 웹 개발 입문 시리즈 (6/7)로컬에서 만든 AI 챗봇을 친구에게 보여주려면 URL이 필요합니다. 이번 글에서 로컬 프로젝트를 인터넷에 올리는 과정을 함께 해봅시다.1. 배포란 무엇인가?'배포(Deployment)'는 내 컴퓨터(Local)에서만 돌아가던 코드를 서버라는 큰 컴퓨터에 올려서, 인터넷 주소(URL)만 있으면 전 세계 누구나 접속할 수 있게 만드는 과정입니다.로컬 환경과 서버 환경은 다릅니다. 내 컴퓨터에서는 python app.py나 npm run dev로 쉽게 실행했지만, 서버에서는 API 키를 어디에 둘지, 트래픽이 몰리면 어떻게 할지 등을 고민해야 합니다.왜 배포가 필요한가요?로컬 개발 환경은 나만의 실험실입니다. 하지만 실제 사용자는 내 컴퓨터에 들어와서 프로그램을 실행할 수 ..

AI 웹 개발 입문 시리즈 (5/7)지금까지 만든 AI는 텍스트만 주고받았습니다. 질문을 던지면 학습한 데이터를 바탕으로 그럴싸한 답변을 내놓는 식이었죠. 그런데 만약 AI가 직접 날씨 API를 호출하거나, 데이터베이스를 검색하거나, 계산기를 쓸 수 있다면 어떨까요?단순히 말만 잘하는 인공지능이 아니라, 필요한 상황에 직접 도구를 꺼내 쓰는 '일 잘하는 비서'가 되는 셈입니다. 오늘은 AI가 스스로 판단하고 외부 기능을 실행하는 AI 에이전트의 핵심 원리와 구현 방법을 알아보겠습니다.AI 에이전트가 뭔가요?우리가 흔히 쓰는 챗봇과 '에이전트'는 무엇이 다를까요? 가장 큰 차이는 판단과 행동입니다.일반 챗봇: 사용자의 질문을 이해하고 텍스트 응답을 생성합니다. 가진 지식 안에서만 답할 수 있습니다.AI 에..

AI 웹 개발 입문 시리즈 (4/7)ChatGPT에게 우리 회사 매뉴얼이나 어제 나온 뉴스를 물어보면 "잘 모르겠습니다"라고 답합니다. 당연합니다. 그 정보들은 모델이 학습할 때 세상에 없었거나, 학습 데이터에 포함되지 않았기 때문입니다.그런데 '학습'을 다시 시키지 않고도 AI에게 새로운 정보를 알려줄 방법이 있다면 어떨까요? "자, 여기 참고서가 있으니 이걸 읽고 내 질문에 답해줘"라고 부탁하는 방식입니다. 이것이 바로 RAG(Retrieval-Augmented Generation, 검색 증강 생성)의 핵심입니다.RAG가 뭔가요? (도서관 사서 비유)RAG라는 용어는 거창해 보이지만, 사실 우리가 시험 공부를 하거나 업무를 처리하는 방식과 비슷합니다.여러분이 아주 똑똑한 대학생이라고 해봅시다. 머릿속..

AI 챗봇 만들기 — Next.js와 Vercel AI SDK로 실시간 채팅 구현AI 웹 개발 입문 시리즈 (3/7)지금까지 터미널에서만 AI를 불렀는데, 이제 브라우저에서 사용자가 직접 대화할 수 있는 UI를 만들어 봅시다. 단순히 API를 연결하는 수준을 넘어, 글자가 한 글자씩 타이핑되는 스트리밍 효과와 시스템 프롬프트를 활용한 페르소나 설정까지 다뤄보겠습니다.왜 Next.js + Vercel AI SDK인가?AI 기능을 웹에 구현할 때 가장 큰 고민은 '응답 속도'와 '상태 관리'입니다. AI의 답변이 길어질수록 사용자는 빈 화면을 보며 기다려야 하죠.Vercel AI SDK는 이 문제를 해결해 줍니다.실시간 스트리밍: 답변이 생성되는 대로 즉시 화면에 뿌려주는 기능을 단 몇 줄로 구현합니다.us..

프롬프트 엔지니어링 기초 — AI에게 원하는 답을 얻는 기술AI 웹 개발 입문 시리즈 (2/7)똑같은 AI를 쓰는데 누구는 업무 시간을 절반으로 줄이고, 누구는 "별로네"라고 하며 창을 닫습니다. 차이는 어디에서 올까요? 바로 AI에게 건네는 첫 마디, 프롬프트에 있습니다.지난 글에서 우리는 API를 호출해 AI와 대화하는 법을 배웠습니다. 하지만 단순히 "코드를 짜줘"나 "글을 써줘" 같은 짧은 요청만으로는 우리가 진짜 원하는 결과물을 얻기 어렵습니다. 오늘은 AI의 잠재력을 100% 끌어내는 기술, 프롬프트 엔지니어링의 핵심 원칙을 살펴봅니다.프롬프트가 뭔가요?프롬프트를 어렵게 생각할 필요 없습니다. 새로운 팀원에게 업무 지시를 내리는 상황을 떠올려 보세요."보고서 좀 써줘."이렇게만 말하면 팀원은 ..

AI API 첫 걸음 — OpenAI API로 첫 번째 요청 보내기AI 웹 개발 입문 시리즈 (1/7)최근 ChatGPT 같은 서비스 덕분에 인공지능이 우리 곁에 훌쩍 다가왔습니다. 아마 많은 개발자분들이 웹사이트에서 대화를 나누며 코드를 짜거나 문서를 정리하는 경험을 해보셨을 겁니다. 그런데 "이걸 내가 만드는 서비스에 넣으려면 어떻게 해야 하지?"라는 궁금증이 생기는 지점부터가 진짜 시작입니다.웹사이트에서 ChatGPT를 쓰는 것과 API를 사용하는 것의 차이는 레스토랑에서 음식을 주문하는 것과 재료를 사서 직접 요리하는 것의 차이와 비슷합니다. 레스토랑(웹사이트)은 정해진 메뉴판과 공간에서 편하게 음식을 즐길 수 있지만, 내가 원하는 대로 간을 맞추거나 다른 요리와 조합하기는 어렵습니다. 반면 AP..

Azure App Service 101 시리즈 (4/7)이론은 여기까지입니다. 이제 진짜로 배포해 봅시다.앞선 글에서 App Service가 어떤 플랫폼인지, 어떤 플랜을 골라야 하는지 감을 잡았다면 이제 남은 건 하나입니다. 로컬에서 잘 돌던 Flask 앱을 Azure App Service에 올리고, 브라우저에서 직접 열어보는 것. 이 순간부터 App Service는 더 이상 개념이 아니라, 내 앱을 띄우는 실제 운영 환경이 됩니다.이번 글은 따라 치면 끝나는 데모가 아니라, 왜 이 설정이 필요한지까지 이해하는 배포 튜토리얼로 구성했습니다. 그래서 중간중간 “여기서 502가 뜨면 뭘 의심해야 하는지”, “왜 Flask 개발 서버가 아니라 Gunicorn으로 확인해야 하는지”도 같이 짚고 갑니다.이번 글..