강의

멘토링

커뮤니티

NEW
AI 활용(AX)

/

AI 개발 활용

SpringAI + React로 만들어보는 나만의 감정일기 서비스

SpringAI + React로 만들어보는 나만의 감정일기 서비스 Neo + Essential과 함께 만들어보는 4번째 프로젝트 시간입니다!

(5.0) 수강평 4개

수강생 7명

난이도 초급

수강기한 무제한

  • Neo
  • Essential
실습 중심
실습 중심
AI 활용법
AI 활용법
토이프로젝트
토이프로젝트
백엔드이해하기
백엔드이해하기
리액트감잡기
리액트감잡기
실습 중심
실습 중심
AI 활용법
AI 활용법
토이프로젝트
토이프로젝트
백엔드이해하기
백엔드이해하기
리액트감잡기
리액트감잡기

먼저 경험한 수강생들의 후기

수강 후 이런걸 얻을 수 있어요

  • SpringAI + React로 만들어보는 나만의 감정일기 만드는 법

  • SpringAI를 사용해 API 요청을 통한 AI 로직 만들기

  • React를 통한 켄버스 활용

  • React를 통한 서비스 개발

SpringAIReact로 나만의 감정일기

SpringAI와 React를 결합하여AI 기반의 특별한 감정일기 서비스를 직접 만들어보는 경험을 선사합니다.

React, Kotlin, Spring Boot, ChatGPT, Spring AI

혼자서 백엔드와 프론트엔드를 모두 개발하며
기획부터 완성까지 책임지고 싶은데,
어디서부터 시작해야 할지 막막하셨나요?

기존의 틀에 박힌 서비스 개발 방식에서 벗어나
ChatGPT와 SpringAI를 활용한
차별화된 기능 구현에 어려움을 느끼셨나요?

새로운 기술 스택을 배우고 싶지만,
실무와 동떨어진 이론 학습에 지치셨다면
이 강의가 새로운 돌파구가 되어줄 것입니다.

이 강의를 통해 누구나 자신만의 개성 있는
AI 서비스 개발자로 성장
할 수 있습니다.

SpringAI와 React의 만남,
나만의 특별한 감정일기 서비스 만들기

AI 로직부터 캔버스 활용까지,
여러분을 감정을 분석하는 개발자로 성장시켜 드립니다.

서버개발과

프론트 개발을 한번에!

이 강의가 끝나면 당신은

SpringAI와 React를 활용한 나만의 서비스 개발 역량을 갖춥니다.

  • ChatGPT와 같은 AI 모델을 SpringAI와 연동하여 API 요청을 통해 지능적인 로직을 구현하는 방법을 배우게 됩니다. 이를 통해 단순한 웹 서비스 개발을 넘어, AI 기반의 차별화된 기능을 직접 만들어볼 수 있습니다.

React를 통한 동적인 사용자 인터페이스 구현 능력을 향상시킵니다.

  • React의 컴포넌트 기반 개발 방식을 익혀 효율적으로 UI를 구축하고, 특히 캔버스 기능을 활용하여 사용자의 상호작용을 풍부하게 만드는 방법을 학습합니다. 동적인 웹 애플리케이션을 능숙하게 다룰 수 있게 됩니다.

풀스택 개발 경험을 쌓아 경쟁력 있는 포트폴리오를 완성합니다.

  • 백엔드 개발 경험자는 프론트엔드 기술을, 프론트엔드 개발자는 백엔드 기술을 실제로 적용해보며 풀스택 개발의 전반적인 과정을 경험합니다. SpringAI와 React를 결합한 독창적인 프로젝트를 통해 실무 중심의 강력한 포트폴리오를 완성할 수 있습니다.


✔️

나만의 AI 감정일기 서비스, 이제 직접 만들어 보세요!

강의에서 SpringWebFlux를 사용하여 Steam API를 구현합니다!

SpringAI + React로
나만의 감정일기 서비스 만들기

이 강의에서는 SpringAI와 React를 결합하여 자신만의 특별한 감정일기 서비스를 직접 구축하는 방법을 배웁니다. 사용자의 감정을 분석하는 AI 로직부터 React를 활용한 직관적인 UI 개발까지, 풀스택 개발 경험을 쌓을 수 있습니다.

직접 만들어보는 나만의 감정일기 서비스!

React 캔버스 활용 및 AI 분석 API 개발

React의 캔버스 기능을 활용하여 독창적인 UI를 구현하고, SpringAI를 통해 사용자 일기 내용을 분석하는 AI API를 연동하는 실습을 진행합니다. 복잡한 백엔드 로직과 프론트엔드 개발을 모두 경험하며 실전적인 프로젝트 완성 능력을 키울 수 있습니다.

SpringAI 및 React 프로젝트 코드

강의에서 사용되는 모든 SpringAI와 React 프로젝트의 소스 코드를 제공합니다. 제공된 코드를 바탕으로 각 유닛의 개발 내용을 깊이 있게 학습하고, 자신만의 포트폴리오를 위한 견고한 기반을 마련할 수 있습니다.


📚

SpringAI와 React로 나만의 감정일기를


Section 1

강의 소개 및 환경 설정

본 강의의 목표와 전체적인 커리큘럼을 소개하고, 성공적인 프로젝트 진행을 위한 개발 환경을 설정합니다. 서버 및 프론트엔드 프로젝트의 기본 세팅과 Spring AI 연동을 위한 초기 설정을 진행합니다.

Section 2

Spring AI 기반 서버 API 개발

Spring Boot와 Spring AI를 활용하여 감정일기 서비스의 핵심 백엔드 기능을 구현합니다. 사용자 인증, 일기 데이터 관리, 그리고 ChatGPT를 이용한 AI 감정 분석 API를 개발하며, CORS 설정을 통해 보안을 강화합니다.

Section 3

React 기반 프론트엔드 개발

React를 사용하여 사용자 친화적인 프론트엔드 인터페이스를 구축합니다. 시작 페이지, 메인 페이지, 일기 작성 페이지, 채팅 화면 등을 개발하고, 쿠키를 활용한 사용자 정보 관리 및 이미지/메시지 전송 기능을 구현합니다.

Section 4

강의 마무리

지금까지 학습한 내용을 바탕으로 완성된 감정일기 서비스 프로젝트를 검토하고, 추가적인 개선 방안이나 향후 학습 방향에 대한 안내를 제공하며 강의를 마무리합니다.

이런 분들의 고민을
해결할 수 있어요!

📌

풀스택 개발자 지망생

SpringAI와 React, 두 가지 기술 스택을 모두 경험하며
나만의 서비스를 직접 만들어보고 싶은데 어디서부터 시작해야 할지 막막한 분

📌

백엔드 개발자

Spring Boot 기반 백엔드 개발 경험은 있지만,
AI 연동이나 React 프론트엔드 개발 경험이 부족하여 새로운 기술 스택을 확장하고 싶은 분

📌

프론트엔드 개발자

React 개발 경험은 있지만,
SpringAI를 활용한 AI 기능 연동이나 서버 개발 경험을 쌓아 포트폴리오를 강화하고 싶은 분

믿고 보는 Neo + Essential
두 강사 협업 강의 평점 5.0, 강사 평점 4.7+ 인프런 지식공유자 협업 강의

  • 유명 게임회사 서버 개발자와 대기업 패션회사 풀스택 개발자가 함께 제작한 백엔드+프론트엔드 개발 강의

  • 개발 이론보단 경험을 통해 평소 접하지 못했던 개발 기술들을 경험하게 하는걸 목표로 만들었습니다!


수강 전 참고 사항


실습 환경

  • 운영체제: Windows, macOS, Linux 모두 가능합니다.
    (강의 촬영은 서버는 Mac, 프론트는 Windows 환경에서 촬영되었습니다.)


  • 개인 PC: 8GB 이상의 RAM을 권장합니다. (원할한 코딩 환경)

선수 지식 및 유의사항

  • React 기본 문법과 상태 관리에 대한 이해가 필요합니다.

  • Spring Boot 기본 지식이 있으면 학습에 도움이 됩니다.

  • ChatGPT API 연동 경험이 있다면 더욱 좋습니다.

학습 자료

  • 강의에 참고하실 수 있는 노션자료를(링크) 제공합니다.

  • 실습 코드(참고) 소스를 제공합니다.


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 나만의 특별한 서비스를 만들어보고 싶으신 분

  • 백엔드만 해서 프론트를 경험해보고 싶으신 분

  • 프론트만 해서 백엔드를 경험해보고 싶으신 분

  • SpringAI와 React를 통한 특별한 포트폴리오를 만들고 싶으신 분

선수 지식,
필요할까요?

  • 개발을 해보셨으면 합니다! ( 이론보단 실전위주[프로젝트위주] )

  • 수업에서 유료 GPT API를 사용합니다. (최소 5달러 결제를 위한 카드가 필요합니다)

안녕하세요
입니다.

1,948

수강생

226

수강평

36

답변

4.7

강의 평점

28

강의

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

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

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

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

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

커리큘럼

전체

20개 ∙ (4시간 58분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

4개

5.0

4개의 수강평

  • 좋은사람이되자님의 프로필 이미지
    좋은사람이되자

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    잘보았습니다 독특한 아이디어로 포폴에 저만의 아이디어를 추가해서 뭔가 더 만들어 볼 수 있을 것 같네요.. 실제로 뭔가 서비스를 해보셔도 좋았을 것 같은데 제가 한번 만들어볼까도 싶네요 ㅎㅎ

    • Neo
      지식공유자

      강의 들어주셔서 감사합니다! 강의를 통해 더욱 얻어가는게 많으셨으면 합니다 새해 복 많이 받으세요!

  • DKN님의 프로필 이미지
    DKN

    수강평 20

    평균 평점 5.0

    수정됨

    5

    35% 수강 후 작성

    다보진 못했지만 그래도 선 수강평 후 수강 진행하도록 하겠습니다

    • Neo
      지식공유자

      강의들어주셔서 감사합니다! 새해 복 많이 받으세요!

  • HelloWorld님의 프로필 이미지
    HelloWorld

    수강평 20

    평균 평점 5.0

    5

    100% 수강 후 작성

    역시 믿고 보는 Neo님 기획 강의입니다 이번 프로젝트도 독특한 경험이였습니다 다양한 아이디어로 늘 이렇게 다양한 프로젝트를 경험하게 해주셔서 감사합니다.

    • Neo
      지식공유자

      강의 들어주셔서 감사합니다! 새해 복 많이 받으세요!

  • Neo님의 프로필 이미지
    Neo

    수강평 29

    평균 평점 5.0

    5

    30% 수강 후 작성

    얼리버드 할인 중

    ₩21

    29%

    ₩38,500

    Neo님의 다른 강의

    지식공유자님의 다른 강의를 만나보세요!

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!