강의

멘토링

커뮤니티

Programming

/

Full-stack

3D Globe Article Service Built with ThreeJS and SpringAI

3D Globe Article Service with ThreeJS and SpringAI | Neo + Essential Create your own 3D globe article service using your personal chatbot and ThreeJS!

(5.0) 9 reviews

42 learners

Level Basic

Course period Unlimited

  • Neo
  • Essential
실습 중심
실습 중심
백엔드이해하기
백엔드이해하기
토이프로젝트
토이프로젝트
리액트감잡기
리액트감잡기
AI 코딩
AI 코딩
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
Three.js
Three.js
SpringAI
SpringAI
실습 중심
실습 중심
백엔드이해하기
백엔드이해하기
토이프로젝트
토이프로젝트
리액트감잡기
리액트감잡기
AI 코딩
AI 코딩
React
React
Kotlin
Kotlin
Spring Boot
Spring Boot
Three.js
Three.js
SpringAI
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 gain experience building integrated services combining 3D frontend and backend

Building a 3D Globe Article Service with ThreeJS and SpringAI

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

🌎 Why a 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 it would be a unique experience if you could build a Three.js-based 3D map service in an actual project and construct a system that interacts with users and visualizes this in 3D space using Spring Boot + OpenAI API (Spring AI), so I decided to plan and produce this course.

"What if we visually expressed AI-generated content in 3D space?" I hope this course, which started with this question,
becomes a unique experience that you'll encounter for the first time as you take it.

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 try a fun project that others haven't done before

Inflearn's first-ever release
It's my own fun project.

😎

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

SpringAI + 3D
web, includes both server lectures.

After completing this course

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

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

  • You can experience building an integrated service that combines 3D frontend and backend.

  • You can experience a unique project that others haven't tried, not just a CRUD project.

Key Features of This Course

Introduce the key features and differentiators.

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

ThreeJS + 3D Models + API Integration

This course contains all of the above in one.

By following along with the Globe Article project

ThreeJS + 3D Model Utilization + API

Learn how to utilize them through hands-on experience!

Springboot + SpringAI With Kotlin

You can develop with Springboot + SpringAI in a Kotlin environment and gain experience integrating with the frontend and saving files.

What You'll Learn

🌍 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 location

🤖 Implementing AI Article Generation and Summarization Features Using Spring AI

  • Automatic generation of user-customized content through OpenAI API integration

  • Learning prompt engineering and AI response processing logic

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

  • Real-time data integration 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 just about learning technology.
You'll experience through practical examples the process of AI and 3D technology combining to develop into a complete service.

When you complete this course, you will
👉 have your own AI chatbot and
👉 3D-based interactive article service
and gain the experience of implementing them yourself!

Trusted Neo + Essential
Collaborative course by two instructors with a course rating of 5.0 and instructor ratings of 4.7+ - Inflearn knowledge sharing collaboration

  • A backend + frontend development course created together by a server developer from a famous gaming company and a full-stack developer from a major fashion company

  • Rather than development theory, this was created with the goal of helping you experience development technologies you don't normally encounter through hands-on practice!


Do you have any questions?

Q1. Is this course focused on frontend or backend?

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

Q2. Why does it need to be made in 3D?
A2. While information is abundant in the world, visually appealing content that's easy to grasp at a glance is rare.
That's why I started with the idea: "What if we display AI-generated articles on a 3D globe?"
The core of this course isn't just text, but 'the experience of spatial representation through 3D'.
When you see the final result, you'll think "Ah, this is why it needs to be in 3D."

Q3. What's the difference between Spring AI and 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.

Notes Before Taking the Course

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 course are attached within the link)

Prerequisites and Notes

  • The lecture focuses on hands-on experience rather than theory.

  • If you've used a computer before and do some development regularly, you don't need to worry about the difficulty level.

Recommended for
these people

Who is this course right for?

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

  • A frontend developer who wants to implement an interactive 3D web application 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 Spring Boot's Basic Structure and REST API

  • The above content is not required!

Hello
This is

2,125

Learners

239

Reviews

37

Answers

4.7

Rating

28

Courses

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

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

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

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

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

Curriculum

All

13 lectures ∙ (3hr 8min)

Published: 
Last updated: 

Reviews

All

9 reviews

5.0

9 reviews

  • aboutexo046263님의 프로필 이미지
    aboutexo046263

    Reviews 22

    Average Rating 4.9

    5

    31% enrolled

    • yeseong0412
      Instructor

      Thank you for taking the class!

  • abcd123123님의 프로필 이미지
    abcd123123

    Reviews 327

    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 20

    Average Rating 5.0

    5

    100% enrolled

    It was fun.

  • loward님의 프로필 이미지
    loward

    Reviews 20

    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

Limited time deal ends in 6 days

$23.10

12%

$26.40

Neo's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!