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

/

Web Development

Spring Boot + React.js Login (+Social) Service Understanding

Understanding Spring Boot + React.js Login (+Social) Service is a course designed to help you deeply understand the authentication flow between frontend and backend, by directly implementing a practical login system that includes JWT-based authentication and social login (Kakao/Google). The frontend is built on React.js, and the backend on Spring Boot, enabling you to learn step by step the practices used in real service environments, such as the Access Token + Refresh Token approach, user state management using HttpOnly Cookie and Redux, Role-based authorization, and social login integration.

(4.8) 6 reviews

108 learners

  • neneee
실습 중심
백엔드이해하기
리액트감잡기
로그인
소셜로그인
React
Node.js
REST API
Spring Boot
login

What you will learn!

  • Spring Security Configuration and JWT Login Implementation in a Spring Boot Environment

  • Asynchronous Login/Signup Handling using Axios and Redux in React

  • Access Token + Refresh Token Structure and Automatic Re-issuance Logic Implementation

  • Login Persistence (Auto-login) and Redux State Initialization Solution

  • Page Access Control and Protection Based on User Permissions (Role)

  • Social Login (Kakao/Google) Integration and Authorization Code → JWT Processing Flow

  • How to extract user info from JWT Payload, store in Redux, and use it

  • Refresh Token Security via HttpOnly Cookie and Backend Logout

Implementing a Practical Login (+Social) Service with Spring Boot & React.js 🔐

In this course, we'll implement a JWT-based login system and social login (Kakao, Google) using Spring Boot and React.js . This course focuses on hands-on learning rather than theory.
We have designed this to help you understand the entire flow of a token-based authentication system through hands-on practice, by directly handling the authentication/authorization structure of the front-end and back-end.

HttpOnly cookies , Access/Refresh Token management , Automatic login maintenance , Access control based on role ,
Handling social login redirection - We implement the authentication logic essential for real-world services.
Even novice developers can learn the core structure of front-end and back-end authentication .

🎯 In this course you will learn:

  • Design and implement a JWT-based login/signup API using POSTMAN.

  • Building an API authentication structure using Spring Security

  • Managing Login State Using Redux in React.js

  • Authentication/authorization flow using Access Token + Refresh Token

  • Automatic reissue (refresh) processing logic when token expires

  • Stay logged in (automatic login) and log out

  • Branching of administrator/general user pages based on user role

  • Kakao/Google social login integration and redirection processing

  • Strengthening Security Strategies Using HttpOnly Cookies


I recommend this to these people

  • Anyone who wants to create a practical JWT login/social login structure

  • Web developers who want to understand the authentication flow while implementing the front and back end themselves.

  • Anyone who wants to experience token authentication, automatic login, and permission branching

  • Anyone who wants to create their own service with their own login function

  • Anyone who wants to add a secure login system to their portfolio

Learn about these things.

Implementing a login API using Spring Boot

  • Spring Security configuration

  • Writing JWT issuance and verification logic

  • Branch processing based on user role

  • Manage Refresh Tokens as HttpOnly Cookies

Creating a user interface using React.js

  • Create a login/signup page

  • Login state management using Redux

  • Login/Sign Up/Automatic Login Processing with Axios

  • Administrator-only page access control

  • Social login button UI and authorization code processing logic

Things to note before taking the course

Practice environment

  • Operating System: Windows / macOS

  • Development tools: IntelliJ, VS Code, MySQL Workbench, PostMan

  • Backend: Spring Boot 3.x

  • Frontend: React 18

Learning Materials

  • We provide you with a Notion link!

Recommended for
these people

Who is this course right for?

  • For those who want to implement a full-stack authentication system from scratch using Spring Boot + React.js.

  • Web developer seeking practical knowledge of JWT authentication and token structure.

  • Those wanting to directly apply Kakao/Google social login to a project

  • Implementing production-grade Auth/Auth beyond toy projects.

  • Beginner to intermediate web developers who want to clearly understand the frontend and backend authentication flow.

Need to know before starting?

  • Java + Spring Boot Basic Structure Understanding

  • React.js Basic Component Structure and State Management (useState, useEffect, etc.)

  • Axios API Call Basics

  • > However, the course is conducted step-by-step so even beginners can follow, and necessary parts explain both code and flow together.

Hello
This is

382

Learners

35

Reviews

9

Answers

4.6

Rating

3

Courses

웹 개발을 하다가 게임 개발에 빠져 살고 있는 개발자 입니다!

항상 배우는 마음가짐으로!

Curriculum

All

31 lectures ∙ (4hr 55min)

Published: 
Last updated: 

Reviews

All

6 reviews

4.8

6 reviews

  • 용우님의 프로필 이미지
    용우

    Reviews 5

    Average Rating 5.0

    5

    32% enrolled

    • 김종진님의 프로필 이미지
      김종진

      Reviews 4

      Average Rating 5.0

      5

      32% enrolled

      • 토니님의 프로필 이미지
        토니

        Reviews 1

        Average Rating 4.0

        4

        74% enrolled

        소셜 로그인 쪽 부분 설명은 부족한 거 같습니다

        • 이현우님의 프로필 이미지
          이현우

          Reviews 1

          Average Rating 5.0

          5

          32% enrolled

          • 송한빈 (참지못해)님의 프로필 이미지
            송한빈 (참지못해)

            Reviews 1

            Average Rating 5.0

            5

            32% enrolled

            $9.90

            neneee's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!