실전 AI SaaS 풀스택 개발: 화상채팅 앱 만들기

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

💸 진짜 결제가 발생하는 수익형 웹서비스 AI 에이전트 강의! ❗ 포폴용 웹사이트는 그만 만들고 '재고 무한, 원가 0원'의 <AI 해설형 상품 쇼핑몰>을 구축합니다! 🤖 사람 개발팀과 일하듯 AI 개발 팀원들과 '서비스 명세서' 기초부터 탄탄하게 구축해 봅니다!

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

입문자부터 재미있게 가볍게 따라할 수 있는 강의입니다. 단순한 챗봇을 넘어, 산업별 비즈니스 워크플로우를 자동화하는 AI Agent. 본 강의는 AI Agent의 기본 구조와 핵심 기술(LangChain, LangGraph, RAG)을 1.5시간 동안 빠르게 훑어보고, 실제 코드로 작동하는 미니 에이전트를 직접 만들어 보며 실무 감각을 익히는 입문 과정입니다. 강의가 끝나면, 산업별 데이터 전처리와 확장 설계의 필요성을 이해하고 심화 과정에서 다룰 고급 개념을 준비할 수 있습니다.

이 강의를 통해 파이어베이스로 DB의 관계를 구현하는 방법을 배우시게 됩니다. 빠르게 리액트 풀스택 개발자가 될 수 있습니다. 고용이 불안정한 지금 이 시대에는 새로운 기술을 배워 자신의 가치를 올려야 합니다. 그리고 무언가를 만들어야 합니다. 그 사이드 프로젝트와 아이디어를 구현 할 때 데이터의 "관계"를 구현할 수 있어야 합니다. 이 강의는 파이어베이스 "파이어스토어"로 "관계"를 구현할 수 있도록 도와 드립니다.

AI를 제대로 활용할 줄 아는 사람만 수익을 창출할 수 있는 이기적인 시대. AI 코딩 에이전트에게 '제대로' 일을 시키기 위해 반드시 알아야 할 수익형 웹 개발 기본 개념 & 현실적인 가이드 코딩 한 줄 치지 않고 코딩할 수 있는 마인드셋부터 0원으로 프로덕트를 만드는 현실적인 방법, 실질적인 사업자 설립과 세금 처리에 대한 내용까지. 실제 현장에서 쌓은 인사이트가 담긴 AI 수익형 웹 프로그래밍 가이드입니다.

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

코딩 없이 나만의 AI 서비스를 만들고 싶다면, 이 강의가 완벽한 해결책입니다. Dify 노코드 플랫폼을 활용해 아이디어만으로도 완성도 높은 AI 앱을 만들 수 있습니다. 복잡한 이론 대신 실전 프로젝트 중심으로 구성되어, AI 입문자와 직장인 누구나 실무 역량을 키울 수 있습니다.

이 강의에 서버(Java+Springboot) 와 프론트(React, ReactNative, Flutter, Android, iOS)를 모두 담았습니다. 이 강의로 풀스택 게시판 만드는 경험을 진행해보세요

React로 광고 수익형 웹사이트를 만들어 봅니다. 광고를 최적화 하고 서버 비용을 줄이기 위한 방법과 규모에 따른 사이트 운영 Tip까지 배워봅니다.

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

이 강의는 Riot Games API를 활용하여 React.js와 Node.js를 이용한 '리그 오브 레전드 전적 검색 사이트'를 직접 만들어보는 실습 중심 강의입니다. 수강생은 기본적인 API 사용법부터, 프론트엔드(React.js)와 백엔드(Node.js, Express.js) 연동, 전적 데이터 시각화, 그리고 op.gg 스타일의 UI 구현까지 프로젝트를 단계별로 따라하면서 실습을 통해 자연스럽게 배우게 됩니다. 복잡한 이론보다는 코드 중심으로 '직접 따라 만들기'를 통해 빠르게 결과물을 경험할 수 있습니다.

개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.

만세력, 점성술, 자미두수, 성명학, MBTI를 통합한 사주 분석 AI 에이전트를 n8n 워크플로우와 Python 알고리즘으로 구축합니다. 13개의 전문 에이전트가 협업하여 상용 수준의 사주 리포트를 생성하는 실서비스 시스템을 처음부터 끝까지 완성합니다.

본 과정은 Spring AI·Spring Boot를 기반으로 GPT, Gemini, LLaMA(로컬) 를 전략적으로 조합해 Multi-LLM 아키텍처와 오케스트레이션 중심 Agent 시스템(Main/Sub, Tool, Task Runtime, Agent Registry) 을 설계·구현하는 고급 과정입니다. 단일 LLM 호출을 넘어 Agentic Workflow Pattern(Chain, Parallel, Routing, Orchestrator–Workers, Evaluator–Optimizer) 과 Multi-Agent 구조를 적용하고, Tool·ToolRegistry로 RAG·외부 API/DB 등 실행 레이어를 분리하며, DAG 엔진·YAML 선언적 워크플로·로딩 직후 검증(Validated DSL) 으로 확장 가능하고 안정적이며, 품질이 지속 개선되는 AI 시스템을 구현하는 흐름을 다룹니다. 또한 Circuit Breaker, Reactive Stream, Redis 모니터링, 병렬 처리, 반복 평가 루프까지 포함하며, Thymeleaf(SSR) 실습에 React·REST로 프론트/백을 나누고 MCP로 툴·에이전트 런타임을 표준 프로토콜로 연동하는 확장을 더해 실제 운영 환경 수준의 AI 아키텍처 설계 역량을 갖추도록 합니다. 최종 목표는 단일 API 연동·프롬프트 수준에 머무는 단순한 AI 이용자가 아니라, Multi-LLM·에이전트·워크플로·선언·검증을 하나의 실행 아키텍처로 설명·절충할 수 있는, AI 시스템을 설계할 수 있는 개발자로 성장하는 것입니다.

현장에서 오프라인 환경에서도 얼굴인식이 어떻게 동작하는지 궁금했던 경험을 바탕으로, 이 강의에서는 React + Electron과 Python의 FastAPI 기반으로 구동되는 DeepFace를 활용해 얼굴인식 기반 출입·출결 관리의 기본 구조를 함께 만들어봅니다. 완성도보다는 동작 원리 이해와 개인 프로젝트로 확장할 수 있는 기초 다지기에 초점을 둡니다.

코드 한 줄 몰라도 괜찮습니다. 이제 AI와 ‘대화’하며 개발하는 바이브 코딩의 시대입니다.

OpenClaw 1·2부까지 따라오면, 결국 하나의 에이전트에게 뭐든 다 시키게 됩니다. 그러다 보면 프롬프트가 꼬이고, 메모리가 섞이고, 폴더가 엉키면서 “이제 뭘 어떻게 정리해야 할지” 막막해지는 순간이 찾아옵니다. 이 강의는 그 지점에서 한 단계 더 올라가도록 돕는 “멀티 에이전트 입문 편(2.5부)”입니다. 하나의 봇만 유지한 채, planner / editor 두 에이전트로 역할을 분리하고, 각 에이전트에 서로 다른 워크스페이스와 텔레그램 포럼 토픽을 연결해 “어느 방에서 말하느냐에 따라 다른 에이전트가 응답하는 구조”를 직접 만들어 봅니다. 실습을 따라오면, 내 환경 안에 - `content_planner`와 `content_editor` 두 에이전트가 정의된 설정 파일, - 기획과 초안이 분리된 콘텐츠 폴더 구조, - 포럼 토픽별로 다른 에이전트가 붙어 있는 텔레그램 그룹방, - 그리고 두 에이전트가 협업해서 만든 인프런 강의 소개 글 초안 1개가 실제로 남습니다. 즉, 이 강의는 “AI 비서 1명”으로 시작한 텔레그램 봇을, “역할이 나뉜 작은 AI 팀”으로 업그레이드하는 첫 단계를 함께 설계해 주는 실전 수업입니다.

[만들자!] 노드 연결하다 지쳐서 포기한 적 있나요? "슬랙에 매일 아침 브리핑 만들어줘" — 한 마디면 됩니다. Claude Code가 설계하고, n8n 서버가 24시간 대신 돌립니다. [운영하자!] n8n 도입은 쉬웠는데, 관리가 막막했다면 이 강의가 답입니다. "전부 컨벤션에 맞게 정리해줘" — 워크플로우 수십 개가 한 번에 정돈됩니다. 생성·정리·모니터링·백업, 전부 자연어로 운영합니다.

요즘도 직접 코딩하시나요? 이젠 바이브 코딩도 귀찮은 시대! 코딩 없이 n8n으로 AI 자동화 전문가가 되어보세요. 실무에 바로 적용 가능한 자동화 워크플로우 설계 가이드 업무 효율을 극대화하는 실전 중심의 자동화 전략. n8n으로 직관적인 워크플로우를 구축하며, 업무 혁신을 경험해보세요