Next.js App router 기반 Chat GPT 만들기

실시간 AI 에이전트, 회의 내용 요약, 그리고 통화 후 기능이 있는 AI 기반의 화상 회의 애플리케이션을 만들어요.

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

"왜 AI가 이런 코드를 짰지?", "왜 방금 말한 걸 기억 못 하지?" 클로드 코드(Claude Code)와 같은 AI 도구를 쓰다 보면 마주하는 답답함, 그 원인은 도구가 어떻게 동작하는지 모르니까입니다. 이 강의는 그 블랙박스를 투명하게 열어젖힙니다. 우리는 25강에 걸쳐 LLM에게 파일을 보는 '눈(Read)', 코드를 고치는 '손(Edit)', 명령을 수행하는 '발(Bash)'을 직접 달아주며, 실제 현업 도구와 똑같이 동작하는 나만의 Coding Agent를 밑바닥부터 구현합니다. 단순히 라이브러리 사용법을 배우는 것이 아닙니다. AI가 어떻게 프로젝트 구조를 파악하고, 왜 긴 대화에서 기억을 잃는지, 그것을 기술적으로 어떻게 해결하는지(Sliding Window, Summary) 직접 코드로 구현하며 체득합니다. 이 과정을 통해 여러분은 AI 도구의 단순한 '사용자'에서, 작동 원리를 꿰뚫고 도구를 내 입맛대로 개조하고 평가할 수 있는 'AI 공급자'의 시야를 갖게 될 것입니다.

v0, cursor AI 및 각종 LLM과 함께 PRD부터 AI 상품 추천까지! 실전 프로젝트로 Next.js 쇼핑몰을 완성하세요

Next.js로 개인 블로그를 만들며 Next.js를 손에 익혀봐요!

전통적인 React 개발 방식과 Next.js를 이용해서 개발하는 방식은 전혀 다릅니다. 이 강의는 최신 Next.js 16의 핵심을 꿰뚫고, '진짜' Next.js다운 개발 방식을 알려드립니다. 취업 포트폴리오부터 실무 프로젝트까지, 성능과 효율을 모두 잡는 방법을 경험하세요. Next.js 스럽게 개발 합시다! Next.js의 기능을 어떻게 적용해야하는지 실제 예제를 만들면서 몸으로 배울 수 있도록 구성되었습니다. 서버 컴포넌트를 중심으로 보고 서버 액션과 캐싱 전략등을 이론보다는 실제로 코드를 통해서 더 빠르게 학습합니다. 강의의 목표는 최대한 빨리 Next.js의 분위기를 따라가는 것이 때문에 강의 자체는 JavaScript를 이용해서 진행합니다. 하지만 각 강의의 예제는 Typescript로 제작된 것을 추가로 수업자료로 제공합니다. 2025년 12월 18일 - Next.js 16버전으로 업데이트

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

Next.js 15의 App Router는 서버와 클라이언트의 경계를 완벽히 제어하여 고성능 웹 서비스를 구축하는 강력한 아키텍처입니다. 본 강의는 서버 컴포넌트(RSC)의 동작 원리부터 3대 캐싱 전략(Static, Dynamic, ISR)까지 이어지는 복잡한 렌더링 메커니즘을 12개의 실무 미션을 통해 명확히 연결해 드립니다. 이를 통해 파일 시스템 라우팅과 중첩 레이아웃을 비즈니스 요구사항에 맞게 설계하는 능력을 갖추고, 원리 모를 코드를 복사하던 '바이브 코딩'의 불안함에서 완전히 벗어날 수 있습니다. 결과적으로 여러분은 AI가 생성한 코드의 맹점을 단번에 간파하고 최적의 구조를 주도적으로 지시하는 Next.js 아키텍트로 거듭나게 될 것입니다.

이 강의를 통해서 리액트와 파이어베이스를 이용해서 채팅 어플리케이션을 만들수 있습니다.

복잡한 Next.js의 여러 개념들을 짧은 시간에 핵심만 배울 수 있어요. Next.js를 처음 배우는 분들을 위한 실무 필수 지식만 알려드립니다. 프레임워크 강의만 8년째 진행하는 캡틴판교의 Next.js 신규 강의. "AI 시대에 프런트엔드 개발자"의 코딩과 학습 방법을 배워볼 수 있어요! :)

🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.

랭체인(LangChain) 라이브러리의 개념과 활용 방법을 학습하고, 랭체인(LangChain) 라이브러리를 이용해서 나만의 ChatGPT를 만들어보는 강의입니다.

클로드 코드를 기초부터 프로처럼 다룹니다. 핵심 기능(CLAUDE.md · 서브에이전트 · MCP · Hooks 등)을 익혀 실제 서비스를 개발하고 배포까지 진행하며, 비전공자를 위한 기초 부록과 고급 활용 강의로 마무리합니다.

LLM Application 개발을 위한 기본 배경지식과 개발 경험을 공유합니다.

GPT API를 활용한 프로그램을 만들고, 이미지 생성과 동영상 생성까지!

명령 한 줄이면 끝. 기억하고, 자동화하고, 스스로 성장하는 AI 에이전트 Hermes. 개발자가 아니어도 오늘부터 AI에게 일을 '시키는 사람'이 될 수 있습니다. 설치부터 실무 활용까지 SMARTFORK가 함께합니다.

단순 튜토리얼만으론 실무 적용이 어렵죠. 제 현업 노하우를 담아 복잡한 상태 관리와 멀티 에이전트 설계법을 확실히 전수해 드립니다.

생성형AI의 기초 활용법 부터 자동화 및 실무용 맞춤형 AI 챗봇 제작까지 모든 과정을 한번에 학습할 수 있습니다.

매일 2,500종목, 언제까지 직접 보실 건가요? 장 마감 후 급등주를 찾느라 네이버 증권을 뒤지고, 뉴스를 읽으며 호재인지 악재인지 판단하고, 외국인/기관 수급을 하나하나 확인하고, 차트를 열어서 패턴을 분석하고... 이걸 매일 반복하고 계시진 않나요? 저도 그랬습니다. 퇴근 후 2~3시간을 종목 분석에 쏟았고, 그래도 놓치는 종목이 더 많았습니다. 코스피+코스닥 합치면 2,500개가 넘는데, 사람이 매일 다 볼 수는 없으니까요. --- 그래서 시스템을 만들었습니다 매일 장 마감 후 자동으로 2,500종목을 분석하는 시스템을 만들었습니다. - 시세, 수급, 뉴스를 자동으로 수집하고 - AI(Gemini)가 뉴스를 읽고 호재/악재를 판별하고 - 6개 팩터로 15점 만점 점수를 매기고 - 기준을 통과한 종목만 골라서 진입가/손절가/익절가까지 계산하고 - 텔레그램으로 알림을 보내줍니다 저는 퇴근 후 폰만 확인하면 됩니다. 여기에 매주 토요일이면 시스템이 스스로 지난주 성과를 분석해서 손절선, 익절선, 보유기간을 자동으로 조정합니다. 시스템이 알아서 학습하고 개선되는 구조입니다. --- 근데 저는 개발자가 아닙니다 이 시스템의 코드를 제가 직접 쓴 건 아닙니다. 전부 AI한테 말로 시켰습니다. "오늘 5% 이상 오른 종목 중에서 거래대금 500억 넘는 것만 추려줘" "이 뉴스 3개를 Gemini한테 보내서 호재인지 판단하게 만들어줘" "매일 오후 4시에 자동으로 실행되게 스케줄러 만들어줘" 이렇게 말하면 AI(Claude)가 코드를 만들어줍니다. 이게 바이브 코딩입니다. --- 이 강의에서 똑같은 시스템을 만듭니다 58강에 걸쳐, 제가 실제로 매일 사용하는 시스템을 처음부터 끝까지 같이 만듭니다. 데이터 수집부터 시작해서, AI 뉴스 분석, 스코어링 엔진, 시그널 생성, Flask API 서버, Next.js 웹 대시보드, 텔레그램 자동 알림, 그리고 자가 학습 시스템까지. Jupyter 노트북이 결과물이 아닙니다. 실제로 매일 돌아가는 웹 대시보드와 텔레그램 알림이 결과물입니다. 코딩을 몰라도 됩니다. 매 강의마다 Claude한테 어떻게 말해야 하는지 보여드리고, 여러분이 따라하면 같은 결과가 나옵니다. --- 이런 분께 추천합니다 - 매일 종목 분석할 시간이 부족한 직장인 투자자 - 자동화 시스템을 갖고 싶지만 코딩을 모르는 분 - 퀀트/시스템 트레이딩이 궁금한데 어디서 시작할지 모르는 분 - AI를 실전에 활용하는 방법이 궁금한 분 --- ⚠️ 이 강의는 투자 수익을 보장하지 않습니다. 주식 분석 도구를 직접 만들어보는 프로그래밍 강의입니다. 실제 투자 판단은 수강생 본인의 책임입니다.

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.