Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
NEW
Programming

/

Full-stack

Create Your Own Visual Novel Game in Just One Day

Create your own visual novel game using React, Javascript, SpringAI, and Springboot. Learn how to create a web-based visual novel game using SpringAI and React!

(5.0) 3 reviews

22 learners

  • yeseong0412
  • hhhello
실습 중심
AI 활용법
백엔드이해하기
토이프로젝트
리액트감잡기
React
Spring Boot
AI
SpringAI

Reviews from Early Learners

What you will learn!

  • How to Create Web-Based Games (Visual Novels) Using React

  • Creating Immersive Websites with Simple Animations and Effects

  • How to Use SpringAI (GPT API)

  • Methods for Generating Original Ideas

하루만에 만드는 나만의 비주얼 노벨 게임

React, Spring Boot, 인공지능(AI), SpringAI

🚀 단 하루, 당신의 아이디어가 비주얼 노벨 게임으로 태어납니다.

당신이 매일 접하는 게임들,
그 중 하나쯤은 “나도 한 번 만들어 보고 싶다”라는 생각, 해보지 않으셨나요?

하지만 막상 시도하려 하면…
"프론트, 백엔드? 뭐부터 시작해야 하지?"
"AI도 붙이고 싶긴 한데 GPT API는 어려워 보이고…"
"설명서만 읽다가 지쳐버리네…"

👉 이 강의는 그런 망설임좌절감을 끝내기 위해 만들어졌습니다.


앞으로 저희가 만들 게임 스토리 한번 보고가세요!

이런 분들께 추천해요

🥳

CRUD 말고 독특한 프론트를 만들어보고 싶어

기존 CRUD 말고 특이한 프로젝트를 만들어보고 싶으신 분

😘

서버랑 프론트를 같이 경험하고 싶어

프론트만 하거나 서버만 하던 분들도 둘다 할 수 있는 풀스택 웹기반 비주얼노벨 게임 만들기

🤩

AI를 활용한 프로젝트를 하고싶어

SpringAI로 GPT API를 호출하여 나만의 캐릭터 응답값을 만들어 보세요

🎮 이 강의를 듣고 나면?

  • 단 하루 만에, 나만의 스토리를 가진 비주얼 노벨 게임을 완성합니다.

  • React로 프론트를 직접 짜보며 눈앞에서 캐릭터와 장면이 움직이는 경험을 합니다.

  • Spring Boot + SpringAI로 백엔드를 연결해 AI가 대사를 만들어주는 게임을 구현합니다.

  • “AI + 게임 + 웹앱”이라는 최신 기술 조합을 포트폴리오에 담을 수 있습니다.

이 강의의 특징

🎯 이 강의의 핵심 특징 & 차별점

  1. 인프런 최초, 웹 기반 비주얼 노벨 게임 강의

    • 기존에는 비주얼 노벨 게임 강의가 대부분 Unity나 게임프레임워크 중심이었지만,
      이 강의는 React + Spring Boot + SpringAI웹에서 바로 즐길 수 있는 게임 제작을 다룹니다.

    • “웹 환경에서 AI와 연동된 인터랙티브 게임”을 배울 수 있는 독보적 강의입니다.

  2. 실습 중심, 하루 만에 결과물 완성

    • 이론만 나열하는 일반 강의가 아닙니다.

    • 손을 움직이며 코드를 작성하고, 장면과 캐릭터를 눈앞에서 움직여보며 즉시 성취감을 느낄 수 있습니다.

  3. 최신 기술 스택 실전 적용

    • React로 UI 구현, Spring Boot로 백엔드 연결, SpringAI로 GPT API 활용까지 실무 핵심 기술을 동시에 경험합니다.

    • 게임 제작이라는 흥미로운 주제를 통해 최신 웹 개발 스킬을 자연스럽게 학습합니다.

  4. AI와 창작 결합

    • 단순히 코딩만 배우는 강의가 아닙니다.

    • AI를 활용해 캐릭터 대사를 생성하고, 스토리를 동적으로 변화시키는 경험을 제공합니다.

    • 창작과 개발을 동시에 체험할 수 있는 유일무이한 강의입니다.

  5. 포트폴리오 및 실무 연계 가능

    • 단순한 실습용 프로젝트가 아니라, 포트폴리오에 올릴 수 있는 완성도를 제공합니다.

    • “AI + 웹 + 게임” 조합은 향후 취업, 인턴, 창작 활동에서 강력한 차별화 요소가 됩니다.


이런 내용을 배워요

따라만드는 Springboot SpringAI

강의를 따라오면서 ChatGPT API를 SpringAI 를 통해 호출하는 법을 배우며 간단한 프롬포트 엔지니어링의 이론과 실습을 통해 나만의 캐릭터 답변을 만드는 법을 알려드립니다.

React + JS 로 만드는 나만의 비주얼 노벨 게임

다른 곳에서 볼 수 없던 아이디어인 React로 나만의 웹 비주얼 노벨 게임을 만들면서 여러분들의 독창적인 아이디어를 표출 하는 방법에 대하여 설명합니다.

😱 이 강의를 놓치면 안 되는 이유

  • 지금은 ‘AI + 창작’이 대세입니다.
    남들보다 먼저 체험하고 결과물을 만든다는 건, 경쟁력의 시작이 됩니다.

  • React + Spring Boot라는 실무 핵심 스택을, 게임이라는 흥미로운 주제로 배우기 때문에 절대 지루하지 않습니다.

  • 이 강의는 이론 위주가 아닙니다.
    직접 코드를 치고, 결과를 눈으로 확인하며, 완성작을 손에 쥐게 됩니다.

“언젠가 배워야지…” 라고 미루는 순간,
이미 다른 누군가는 당신이 하고 싶었던 나만의 게임을 만들고 있습니다.

안녕하세요 지식공유자 Neo 입니다!

  • Kotlin을 주로 다루는 서버개발자로서 서버 개발, 배포 Spring AI등 다양한 개발 강의를 만들고 있습니다.

  • 간단하고 담백한 짧은 강의로 이론보단 실전 위주로 강의를 진행하고 있습니다.

  • 다양한 프로젝트를 쉽고 간편하게 여러분들이 따라하실 수 있도록 강의를 제작하고 있으며 다양한 분들이 경험해보지 못한 것들을 쉽게 경험할 수 있도록 하는 것이 저의 모토 입니다.

궁금한 점이 있나요?

Q1. 코딩을 잘 못하는데, 정말 하루 만에 게임을 만들 수 있나요?

👉 이 강의는 “대규모 프로젝트”가 아니라, 짧고 임팩트 있는 토이 프로젝트를 목표로 합니다.
프로그래밍에 대한 기초만 있으면 충분히 따라올 수 있도록 직접 코드를 작성하며 실습 위주로 진행됩니다.
복잡한 로직은 제가 미리 준비했으니, 여러분은 게임이 눈앞에서 완성되는 재미를 느끼는 데 집중하시면 됩니다.

Q2. 굳이 React랑 SpringBoot, 그리고 SpringAI까지 같이 배워야 하나요?

👉 사실 “게임 하나만 만든다”라면 굳이 다 쓸 필요는 없습니다.
하지만 이 강의는 단순히 “게임 완성”이 목적이 아니라, 실무에서 쓰이는 핵심 기술 스택재밌는 프로젝트로 익히는 데 목적이 있습니다.

  • React → 프론트엔드 핵심 기술

  • Spring Boot → 안정적인 백엔드 구조

  • SpringAI → AI를 서비스에 연결하는 방법
    즉, 강의를 마치면 단순한 게임이 아니라 포트폴리오에 적을 수 있는 AI 기반 웹 프로젝트를 갖게 됩니다.

Q4. 이 강의를 다 듣고 나면 어디에 활용할 수 있을까요?

👉 다양한 방향이 있습니다.

  1. 창작자로서: 직접 쓴 스토리를 웹 기반 게임으로 배포할 수 있습니다.

  2. 개발자로서: React + SpringBoot + AI를 결합한 경험을 포트폴리오에 넣어 실무에서 어필할 수 있습니다.
    게임을 만든다는 건 “재밌는 경험”이지만, 동시에 이력서에 확실히 남는 강점이 될 겁니다.

수강 전 참고 사항

실습 환경

  • MacOS 환경으로 강의를 진행합니다만 Windows 분들도 따라오실 수 있다 생각합니다.

  • 강의에 활용되는 Intellij, Postman, GPT 등 세팅 & 설치방법 알려드립니다.

  • 강의 비주얼 노벨 스토리는 미리작성된 스크립트 형식으로 노션학습자료에 제공됩니다.

학습 자료

  • 학습자료 (노션링크) 를 제공해드립니다.

선수 지식 및 유의사항

  • 개발을 경험해보셨다면 무리없이 따라오실 수 있습니다.

  • 컴퓨터를 좋아하고 프로그램 설치를 따라오실 수 있다면 무리없이 개발을 진행하실 수 있습니다.

  • 각 언어 기초에 대하여 알고 있으면 편하지만 몰라도 상관 없습니다.

Recommended for
these people

Who is this course right for?

  • Someone who wants to write their own story and create their own visual novel game

  • Frontend developer aspirant who wants to apply React to real-world projects

  • Creators interested in creating interactive content that works on the web

  • Beginner to intermediate developers who want to create a polished web app in a short amount of time

Need to know before starting?

  • React

  • JavaScript

  • Kotlin

  • Basic Coding Skills

Hello
This is

811

Learners

86

Reviews

14

Answers

4.7

Rating

17

Courses

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

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

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

 

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.

가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

Curriculum

All

15 lectures ∙ (2hr 18min)

Published: 
Last updated: 

Reviews

All

3 reviews

5.0

3 reviews

  • Neo님의 프로필 이미지
    Neo

    Reviews 17

    Average Rating 5.0

    5

    100% enrolled

    웹기반 비주얼노벨 게임을 만들어보실 수 있습니다

    • DKN님의 프로필 이미지
      DKN

      Reviews 7

      Average Rating 5.0

      5

      100% enrolled

      아이디어가 신박하네요 재밌었습니다~

      • Neo
        Instructor

        감사합니다! 더욱 좋은 강의로 찾아뵐 수 있도록 노력하겠습니다!!

    • HelloWorld님의 프로필 이미지
      HelloWorld

      Reviews 7

      Average Rating 5.0

      5

      100% enrolled

      프로젝트가 신기하네요 잘보고 갑니다

      • Neo
        Instructor

        강의를 들어주셔서 감사합니다! 더 신박한 강의로 찾아뵙겠습니다!!

    Limited time deal

    $23,100.00

    30%

    $26.40

    yeseong0412's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!