AI 인공지능 웹서비스 풀스택 개발자로 금융 AI 멀티에이전트 실무 역량 쌓기
현실적인 고민으로 시작하는 이야기
포트폴리오에 'AI'를 넣고 싶지만, 프론트엔드와 백엔드, LLM을 동시에 어떻게 보여줘야 할지 막막하신가요. 서비스 한 벌을 혼자 끝내는 경험이 곧 실무로 연결됩니다. 금융 데이터처럼 복잡한 도메인을 다루면 기술 스택과 아키텍처가 한눈에 드러나기 때문에 포트폴리오 가치는 더 커집니다.
예를 들어 프로젝트에는 종목 코드와 자연어 질문을 입력해 결과를 받는 /stock-recommendation 페이지가 있고, 분석 신뢰도와 뉴스·공시·재무 에이전트 카드가 함께 노출되는 UI 흐름이 구현되어 있습니다. 이런 구체적 화면을 포트폴리오 한 장으로 정리하면 단순 시연을 넘어 데이터 흐름과 의사결정 구조를 설명하기 쉬워집니다.
실습 중인 수강생 화면과 코드 에디터 · 출처: AI 생성 이미지
작은 서비스라도 프론트엔드·백엔드·데이터 파이프라인을 연결해 동작시키는 경험이 실무 합류의 핵심입니다.
프론트엔드 중심으로 보는 실무 역량
프론트엔드는 사용자 경험을 직접 보여주는 부분이라 포트폴리오에서 가장 먼저 눈에 띕니다. 실제 프로젝트에서는 Next.js 16과 React 19, TypeScript, Tailwind CSS 같은 스택으로 앱 라우팅과 UI 구성을 깔끔하게 정리합니다. 게시판·인증·분석 화면처럼 인증 흐름과 상태관리가 엮이는 기능을 구현하면 구조 설계력을 보여줄 수 있어요.
종목 분석 화면과 인증 플로우 예시 · 출처: AI 생성 이미지
프론트엔드 코드는 단순한 뷰가 아닙니다. Clean Architecture 관점에서 ui/components, application(hooks·상태), domain(타입·모델), infrastructure(API·로컬 스토리지)처럼 폴더를 분리하고, Jotai의 authAtom·stockAnalysisAtom 같은 원자 단위 상태를 도입하면 협업 시 코드 가독성과 테스트 용이성이 크게 올라갑니다. App Router와 Turbopack을 활용하면 라우팅과 빌드 성능 측면에서도 어필할 포인트가 됩니다.
백엔드와 데이터 파이프라인이 보여주는 차별점
백엔드는 서비스의 신뢰도와 확장성을 좌우합니다. 실무에서는 FastAPI와 Python 3.13, PostgreSQL 16(pgvector) 같은 조합으로 API와 벡터 검색을 엮어 LLM 기반 기능을 제공해요. Redis 캐시와 APScheduler를 넣어 수집·스케줄러 작업을 안정적으로 운영하는 것도 중요한 부분이에요.
FastAPI와 pgvector로 구성된 데이터 흐름 · 출처: AI 생성 이미지
프로젝트 아키텍처는 Hexagonal과 DDD 관점을 적용해 Domain 레이어는 외부 프레임워크 의존 없이 순수 Python으로 유지해요. 또한 백그라운드에는 APScheduler로 운영되는 20개 이상의 정기 작업이 있고, 뉴스 수집은 매일 06:00 KST, KRX 관련 작업은 영업일 16:30에 실행되는 등 운영 스케줄을 설계하는 경험 자체가 현업에서 바로 활용돼요.
LLM과 멀티에이전트로 가치를 만드는 법
LLM을 단순 호출하는 수준을 넘기려면 에이전트 설계와 RAG(검색 기반 응답) 파이프라인을 이해해야 해요. 프로젝트 예시에서는 OpenAI(gpt-5-mini 등), LangChain·LangGraph·LangSmith를 조합해 뉴스·공시·재무 에이전트를 분리하고, 각각의 역할을 주도적으로 설계했어요. 이렇게 역할을 나누면 신뢰도 표시, 분석 이력 관리 같은 기능이 더 명확해져요.
뉴스·공시·재무 에이전트 간 데이터 흐름 예시 · 출처: AI 생성 이미지
실전에서는 컬렉트→벡터 저장소→분석으로 이어지는 파이프라인 상태를 통제하는 것이 중요해요. 예컨대 공시 에이전트는 full·signal·flow 세 가지 분석 타입으로 분기하고, 자주 조회되는 공시는 Redis Look-Aside 캐시로 보관해요. 유사 문맥 검색은 pgvector의 코사인 유사도로 구현되어 실제 응답 품질에 직접적인 영향을 줘요.
코드랩의 과정으로 무엇을 얻을 수 있나
과정은 프론트엔드(html/css/javascript→React.js)와 백엔드(node.js) 실전 역량을 중심으로 구성되어 있어요. 오프라인·온라인 병행 실전 수업 형태로 진행되며, 현업 개발자와 협업하는 프로젝트 경험을 제공해요. 이 과정을 통해 프론트엔드 UI 구성, 인증 흐름, 서버 구축 경험을 포트폴리오로 정리할 수 있어요.
팀이 발표하는 모습과 결과물 시연 · 출처: 코드랩
커리큘럼은 프로젝트 기반 학습으로 설계되어 실제 서비스 단위로 기능을 만들어보는 것이 핵심이에요. 학습 과정에서는 HTML 태그와 다양한 레이아웃 구현부터 JavaScript 문법, React.js 문법과 MVVM 패턴을 활용한 샘플 사이트 구현, Node.js로 웹서버를 구축하는 실습까지 차례로 경험하게 돼요. 특히 STEP3에서는 현업 개발자와 함께 팀 단위 실전 프로젝트를 진행해 협업·배포 과정까지 경험할 수 있어요.
프론트엔드와 백엔드 실전 프로젝트 중심
현업 개발자와 협업하는 팀 프로젝트
LLM 연동과 데이터 파이프라인 실습 포함
궁금하시면 상담을 통해 개인의 배경과 목표에 맞는 학습 경로를 추천해 드려요. 교육과정·지원자격·일정을 상담을 통해 확인해보세요