Claude + IntelliJ로 TodoList 개발하기 - MCP 완전 정복
Neo
Claude + IntelliJ로 TodoList 개발하기 - MCP 완전 정복 Claude와 IntelliJ로 TodoList를 만들며 MCP의 작동과정을 완벽히 익혀보세요.
입문
Kotlin, Spring Boot, IntelliJ IDEA
ThreeJS와 SpringAI로 만드는 3D 지구본 아티클 서비스 나만의 챗봇과 ThreeJS를 통해 3D 지구본 아티클 서비스를 만들어 보세요!
Three.js를 활용해 3D 인터랙티브 경험을 하실 수 있어요
Spring Boot + Spring AI로 AI 챗봇을 구현해볼 수 있어요
3D 프론트엔드와 백엔드의 통합 서비스 구축 경험을 해볼 수 있어요
React, Kotlin, Spring Boot, Three.js, SpringAI
어느날 저는 AI와 3D 기술을 결합해 새로운 형태의 웹 서비스를 만드는 데 깊은 흥미를 느꼈습니다.
실제 프로젝트에서 Three.js 기반 3D 지도 서비스를 만들고, Spring Boot + OpenAI API(Spring AI) 를 활용해 사용자와 상호작용하고 3D 공간 위에서 이를 시각화하는 시스템을 구축하는 경험을 여러분들이 하게된다면 이건 독특한 경험 일것이라 확신하였고 강의를 기획, 제작하기로 마음을 먹었습니다.
“AI가 생성한 콘텐츠를 3D 공간에서 시각적으로 표현하면 어떨까?” 로
시작된 강의가 여러분들이 수강하시며 처음 경험해보는 특이한 경험이 되었으면 합니다.
이론보다 실전으로 경험을 통한 성장을 위한 강의!
강의를 통해 구현 가능한 예제 웹사이트 시연영상
ThreeJS + 3D를
사용해보고 싶어요
프론트를 개발하며 ThreeJS 경험을 하실 수 있습니다!
재미있고 남들이 해보지 못한 프로젝트를 해보고 싶어요
인프런 최초 공개
나만의 재미있는 프로젝트 입니다.
SpringAI + 3D 웹 서비스 개발이 궁금해요
SpringAI + 3D
웹, 서버 강의 모두를 담았습니다.
Three.js를 활용해 3D 인터랙티브 경험을 하실 수 있어요.
Spring Boot + Spring AI로 AI 챗봇을 구현해볼 수 있어요.
3D 프론트엔드와 백엔드의 통합 서비스 구축 경험을 해볼 수 있어요.
CRUD 프로젝트가 아닌 남들이 경험해보지 못한 독특한 프로젝트를 경험할 수 있어요.
🌍 Three.js로 3D 지구본 구현하기
실제 지구처럼 회전·확대·축소가 가능한 3D 웹사이트 제작
클릭한 위치에 따라 아티클을 표시하는 인터랙션 처리
🤖 Spring AI를 활용한 AI 아티클 생성 및 요약 기능 구현
OpenAI API 연동으로 사용자 맞춤형 콘텐츠 자동 생성
프롬프트 엔지니어링과 AI 응답 처리 로직 학습
🔗 프론트엔드(Three.js)와 백엔드(Spring Boot)의 통합
REST API로 3D 지도와 서버 간 데이터 실시간 연동
AI 응답 결과를 3D 환경에 시각적으로 반영하기
🧩 풀스택 서비스 개발 경험
AI 기반의 콘텐츠 플랫폼 구조 설계
풀스택 서비스 개발 경험
이 강의는 단순히 기술을 배우는 것이 아닙니다.
AI와 3D 기술이 결합해 하나의 완성된 서비스로 발전하는 과정을 실전 예제로 경험하게 됩니다.
수강을 마치면 여러분은
👉 나만의 AI 챗봇과
👉 3D 기반 인터랙티브 아티클 서비스
를 직접 구현하는 경험을 하실 수 있으실 겁니다!
Q1. 이 강의는 프론트엔드 중심인가요, 백엔드 중심인가요?
A1. 둘 다 다룹니다!
Three.js를 이용한 3D 인터랙티브 프론트엔드와 Spring Boot + Spring AI로 구성한 AI 백엔드를 함께 다루며, 두 기술이 하나의 서비스로 연결되는 흐름을 직접 구현합니다.
단순히 화면만 그리는 강의가 아니라, “3D 공간에 시각화하는 서비스 전체 구조”를 배우게 됩니다.
Q2. 왜 굳이 3D로 만들어야 하나요?
A2. 세상에 정보는 넘쳐나지만, 시각적으로 한눈에 보기 좋은 콘텐츠는 드뭅니다.
그래서 저는 “AI가 만든 아티클을 3D 지구 위에 표시하면 어떨까?” 에서 출발했어요.
단순히 텍스트가 아닌, ‘3D를 통한 공간적으로 표현하는 경험’ 이 강의의 핵심입니다.
결과물을 보면 “아, 이래서 3D로 해야 하는구나” 느끼실 거예요.
Q3. Spring AI는 ChatGPT API와 뭐가 다른가요?
A3. ChatGPT API를 더 스프링스럽게 사용할 수 있게 도와주는 라이브러리입니다.
OpenAI API를 직접 다루면 JSON 파싱, 예외 처리, 응답 포맷 등이 꽤 번거롭지만 Spring AI를 사용하면 Bean 설정만으로 깔끔하게 통합할 수 있어요.
운영 체제 및 버전(OS): 백엔드 개발환경 (MacOS), 프론트 개발환경 (Windows)
(강의는 환경 상관없이 따라오실 수 있다 생각합니다.)
노션 링크 제공 (링크 안에 강의에 활용되는 파일 및 링크 첨부되어있음)
강의는 이론보다 따라해보는 경험에 초점을 두었습니다.
컴퓨터를 사용해보셨고 개발을 평소에 어느정도 하신다면 난의도는 걱정 안하셔도 됩니다.
학습 대상은
누구일까요?
AI 기반 서비스나 챗봇 프로젝트를 직접 만들어 보고 싶은 개발자
Three.js를 사용해 인터랙티브한 3D 웹 애플리케이션을 구현하고 싶은 프론트엔드 개발자
Spring Boot를 활용한 AI 백엔드 서비스 개발에 관심 있는 백엔드/풀스택 개발자
선수 지식,
필요할까요?
컴퓨터 기본 활용 능력
기본적인 HTML, CSS, JavaScript 문법
Spring Boot의 기본 구조와 REST API 이해
위 내용이 필수는 아닙니다!
1,361
명
수강생
151
개
수강평
23
개
답변
4.6
점
강의 평점
23
개
강의
협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!
안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.
평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.
그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.
초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!
전체
13개 ∙ (3시간 8분)
전체
7개
얼리버드 할인 중
₩22,000
33%
₩33,000
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!