강의

멘토링

커뮤니티

NEW
Programming

/

Full-stack

3D Globe Article Service Built with ThreeJS and SpringAI

Building a 3D Globe Article Service with ThreeJS and SpringAI Create your own 3D globe article service using your personal chatbot and ThreeJS!

(5.0) 8 reviews

34 learners

  • Neo
  • Essential
실습 중심
백엔드이해하기
토이프로젝트
리액트감잡기
AI 코딩
React
Kotlin
Spring Boot
Three.js
SpringAI

Reviews from Early Learners

What you will gain after the course

  • You can experience 3D interactive experiences using Three.js

  • You can implement an AI chatbot with Spring Boot + Spring AI

  • You can experience building integrated services that combine 3D frontend and backend.

3D Globe Article Service Built with ThreeJS and SpringAI

React, Kotlin, Spring Boot, Three.js, SpringAI

🌎 Why 3D Globe Article Service?

One day, I became deeply interested in creating a new form of web service by combining AI and 3D technology.
I was convinced that if you could experience building a Three.js-based 3D map service in an actual project and constructing a system that interacts with users using Spring Boot + OpenAI API (Spring AI) and visualizes this on 3D space, it would be a unique experience, so I decided to plan and create this course.

"What if we visually represent AI-generated content in 3D space?" I hope
the lecture that started with this question becomes a unique experience that you encounter for the first time while taking this course.

A course for growth through hands-on experience rather than theory!

Demo video of example websites that can be implemented through the course

I recommend this for people like this

🤔

I want to try using
ThreeJS + 3D

You can gain ThreeJS experience while developing the frontend!

😆

I want to work on fun projects that others haven't tried before

Inflearn's first public release
This is my own fun project.

😎

I'm curious about SpringAI + 3D web service development

SpringAI + 3D
Contains all web and server lectures.

After taking the course

  • You can experience 3D interactive experiences using Three.js.

  • You can implement an AI chatbot with Spring Boot + Spring AI.

  • You can experience building integrated services that combine 3D frontend and backend.

  • You can experience unique projects that others haven't encountered, not just CRUD projects.

Features of this course

Please introduce the key features and differentiating factors.

스크린샷 2025-11-03 오전 12.09.24

ThreeJS + 3D Model + API Integration

This single course contains all of the above.

Following the Globe Article Project

ThreeJS + 3D Model Utilization + API

Learn from practical experience!

Springboot + SpringAI With Kotlin

You can gain experience developing with Springboot + SpringAI in a Kotlin environment, including frontend integration and file storage.

You'll learn content like this

🌍 Implementing a 3D Globe with Three.js

  • Creating a 3D website with rotation, zoom in/out capabilities like a real Earth

  • Handling interactions to display articles based on clicked position

🤖 Implementing AI Article Generation and Summarization Features Using Spring AI

  • OpenAI API Integration for Automated User-Customized Content Generation

  • Prompt Engineering and AI Response Processing Logic Learning

🔗 Integration of Frontend (Three.js) and Backend (Spring Boot)

  • Real-time data synchronization between 3D maps and servers via REST API

  • Visually Reflecting AI Response Results in a 3D Environment


🧩 Full-stack Service Development Experience

  • AI-based Content Platform Architecture Design

  • Full-stack service development experience

🚀 What are the goals of this course??

This course is not simply about learning technology.
You will experience the process of AI and 3D technology combining to develop into one complete service through practical examples.

After completing the course, you will
👉 Build your own AI chatbot and
👉 Implement a 3D-based interactive article service
and gain the experience of building these yourself!

Trusted and reliable Neo + Essential
Two instructors collaboration course rating 5.0, instructor rating 4.7+ Inflearn knowledge sharing collaboration course

  • Backend + Frontend Development Course Created by a Famous Game Company Server Developer and a Large Fashion Company Full-Stack Developer

  • I created this with the goal of helping people experience development technologies they haven't encountered before through hands-on experience rather than development theory!


Do you have any questions?

Q1. Is this course frontend-focused or backend-focused?

A1. We cover both!
We'll work with both a 3D interactive frontend using Three.js and an AI backend built with Spring Boot + Spring AI, implementing the flow that connects these two technologies into one service.
This isn't just a course about drawing screens, but you'll learn the "entire service structure for visualizing in 3D space."

Q2. Why do you need to make it in 3D?
A2. While the world is overflowing with information, content that is visually appealing and easy to understand at a glance is rare.
That's why I started with the idea: "What if we display AI-generated articles on a 3D globe?"
Rather than just text, 'the experience of spatial representation through 3D' is the core of this course.
When you see the results, you'll think "Ah, this is why it needs to be done in 3D."

Q3. What's the difference between Spring AI and the ChatGPT API?

A3. It's a library that helps you use the ChatGPT API in a more Spring-like way.
While directly handling the OpenAI API involves quite a bit of hassle with JSON parsing, exception handling, response formatting, etc., using Spring AI allows you to integrate it cleanly with just Bean configuration.

Pre-enrollment Reference Information

Practice Environment

  • Operating System and Version (OS): Backend development environment (MacOS), Frontend development environment (Windows)
    (I believe you can follow along with the course regardless of your environment.)

Learning Materials

  • Notion link provided (files and links used in the lecture are attached within the link)

Prerequisites and Important Notes

  • The lectures focused on hands-on experience rather than theory.

  • If you've used computers before and do some development on a regular basis, you don't need to worry about the difficulty level.

Recommended for
these people

Who is this course right for?

  • Developers who want to directly create AI-based services or chatbot projects

  • A frontend developer who wants to implement interactive 3D web applications using Three.js

  • Backend/Full-stack developers interested in developing AI backend services using Spring Boot

Need to know before starting?

  • Basic Computer Skills

  • Basic HTML, CSS, JavaScript syntax

  • Understanding the Basic Structure of Spring Boot and REST API

  • The above content is not mandatory!

Hello
This is

1,543

Learners

166

Reviews

27

Answers

4.7

Rating

24

Courses

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.
가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!

Curriculum

All

13 lectures ∙ (3hr 8min)

Published: 
Last updated: 

Reviews

All

8 reviews

5.0

8 reviews

  • abcd123123님의 프로필 이미지
    abcd123123

    Reviews 323

    Average Rating 5.0

    5

    100% enrolled

    • yeseong0412
      Instructor

      Thank you for taking the course! I hope it was an interesting project! Thank you!

  • dkssudgktpdy님의 프로필 이미지
    dkssudgktpdy

    Reviews 16

    Average Rating 5.0

    5

    100% enrolled

    It was fun.

  • loward님의 프로필 이미지
    loward

    Reviews 16

    Average Rating 5.0

    5

    100% enrolled

    This is a great lecture. It was wonderful to experience fun projects through hands-on practice rather than just theory. I can try various approaches using the ideas. Thank you.

  • babygroot03035407님의 프로필 이미지
    babygroot03035407

    Reviews 3

    Average Rating 5.0

    5

    31% enrolled

  • wonder12421님의 프로필 이미지
    wonder12421

    Reviews 3

    Average Rating 5.0

    5

    31% enrolled

Limited time deal ends in 2 days

$18.70

29%

$26.40

Neo's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!