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

/

Web Development

Social Login Implementation with Spring Boot and React

Learn how to implement integrated regular and social logins using Spring Boot and React. Build a login system in both MPA and SPA environments and practice JWT and OAuth2 authentication. Understand and implement the entire login flow through example projects applicable directly to real-world scenarios.

(5.0) 4 reviews

215 learners

  • oncoding
소셜로그인
spa
jwt
스프링부트
react
Java
Spring Boot
JPA
React
Spring Security

What you will learn!

  • Implement a robust login system directly.

  • You can complete a web project that is immediately usable in practice.

  • You can directly implement and operate a web authentication system that integrates standard and social login.

  • You can directly connect social login services such as Google, Naver, Kakao, GitHub and write integration code.

  • Can understand the difference between MPA and SPA, and can freely implement authentication methods appropriate for each.

  • In React, you can design and develop a user authentication flow using JWT.

  • You can accurately set up and apply Spring Security at a practical project level.

  • Through practical project experience integrating various technologies, you can secure source code that is directly applicable to portfolios or practical work.

📢 Lecture Introduction

In a rapidly changing web technology environment,
I created this course to teach you a login system that can be applied directly to your practice.
The goal is to learn how to integrate regular login and social login using Spring Boot and React.
We will directly apply OAuth2, JWT, Spring Security, etc. and build an authentication system in both MPA and SPA environments.
After taking the course, you will be able to implement your own login function that can be used immediately in real-world projects.

🎯 Course Target

  • Web developers who have learned the basics of Spring Boot and React and want to implement a login function in practice

  • Intermediate-level developer who wants to apply social login (OAuth2) and JWT-based authentication directly to their project

  • Junior developer preparing a side project or portfolio with login functionality

  • Full-stack oriented developer who wants to understand the entire structure of the authentication flow that links the front-end and back-end

  • Those who want to learn the latest technologies that can be applied in practice (Spring Boot 3, Spring Security 6, React, etc.)

※ This course is suitable for those who have basic experience using Java, Spring, and React rather than complete beginners.

If you are not familiar with the framework, I recommend learning it first.

Attractive points of the lecture

  • Implements integrated logins for four social networks at once: Google, Naver, Kakao, and GitHub.

  • You can experience first-hand the code structure that allows general login and social login to work as a single authentication system through hands-on practice.

  • You can learn comparatively how login functions are implemented in both MPA (Thymeleaf) and SPA (React) environments, so you can prepare for various practical situations.

  • We provide project code that can be used immediately in practice, based on the latest technology stack (Spring Boot 3, Spring Security 6, JWT, React, etc.).

  • Beyond simply following the code, we will guide you through the entire process from registering an OAuth2 provider to actual implementation.

This is a lecture that will help you develop integrated thinking and practical skills that do not end with just one login function.

📘 What you will learn in this lecture

This course is more hands-on than theoretical, and focuses on developing the ability to implement authentication systems that can be used immediately in the field.

🛠 Key Learning Contents

  • Implementing general login functionality (ID/password based login)

  • Integration and integration of social logins from Google, Naver, Kakao, and GitHub

  • Full disclosure of how to register and set up an OAuth2 provider for social login

  • Customizing Spring Security Configuration and Authentication Flow

  • Login handling in MPA (Thymeleaf-based) web applications

  • Implementing JWT token authentication in SPA (React-based) applications

  • User information storage and authentication processing through JPA + MySQL linkage

  • Structuring the integrated login processing logic and writing code that can be used in actual projects

Theory vs. Practice Ratio

  • About 80% practical, essential theory is explained only as much as necessary to understand the flow.

  • Rather than simply conveying concepts, it is structured in a way that allows you to learn through direct implementation.

This course will equip students with the ability to implement a practical authentication system from start to finish, rather than a simple login function.

💬 Q&A for prospective students

Q. This is my first time implementing social login. Will I be able to follow along?

A. This course is hands-on and guides you through the entire process, from provider registration to linking required for social login.

However, if you have basic Spring Boot and React experience, you will be able to follow along more smoothly.

Q. I don't know much about Spring or React. Is it okay to take the course?

A. This is not a course for complete beginners, but it is recommended that you have knowledge of Java grammar, basic Spring Boot structure, and React basics.

Since the course focuses on integrated implementation rather than explaining individual techniques, we recommend prior study for beginners.

Q. What kind of login functions will be implemented?

A. Integrated implementation of general login (ID/password) + Google, Naver, Kakao, and GitHub social login.

You can also experience through practice how the login function works in both MPA and SPA environments.

Q. What results can I get after attending the lecture?

A. It is possible to implement a high-quality login system that can be used in actual services,

You can use the source code directly in your portfolio or in your work.

Q. Is there a separate environment to prepare for the practice?

A. We will guide you through the tools and versions (Spring Boot 3, React, MySQL, etc.) used in the lecture.

We'll also guide you through the installation and setup process so you can follow along in your local development environment.

📌 Things to note before taking the class

  • This is a hands-on course , and is recommended for those with basic knowledge of Spring Boot, React, JPA, Spring Security, etc.

  • Two projects, MPA and SPA, are provided in completed form, and due to their large volume, they will be conducted based on lecture scripts .

  • Some of the narration may sound unnatural , but the focus is on practical code and flow.

  • In addition to social login, it covers overall web development (based on Spring Boot), so it is also good for review and organization .

  • The lecture focuses on practical implementation rather than OAuth2 theory , and any necessary supplements will be updated in the future.

Recommended for
these people

Who is this course right for?

  • Web developer who wants to implement an integrated login system using Spring Boot and React

  • Intermediate developer wanting to build a project that handles both standard and social login simultaneously

  • Frontend developer wanting to implement JWT-based authentication flow in SPA

  • Backend developer who wants to actually use Spring Security

  • Those who want to learn practical examples based on Spring Boot 3 and Spring Security 6

  • Developer who wants to implement a login feature beyond a toy project

Need to know before starting?

  • Java Syntax

  • Understanding the Basic Structure of Spring Boot

  • JPA Concepts and Simple Usage Experience

  • Basic Spring Security usage experience (optional but advantageous)

  • Understanding React Basic Syntax and Structure

  • How to call API in React

  • Basic flow of OAuth2 authentication (simple concept level is sufficient)

  • Basic Concepts of JWT (JSON Web Token)

Hello
This is

215

Learners

4

Reviews

8

Answers

5.0

Rating

1

Course

Curriculum

All

90 lectures ∙ (13hr 11min)

Published: 
Last updated: 

Reviews

All

4 reviews

5.0

4 reviews

  • zxcqew327554님의 프로필 이미지
    zxcqew327554

    Reviews 3

    Average Rating 4.7

    5

    30% enrolled

    • angelwan0013850님의 프로필 이미지
      angelwan0013850

      Reviews 62

      Average Rating 4.6

      Edited

      5

      100% enrolled

      Social login Kakao Naver Google GitHub. Understood. Very helpful.

      • oncoding
        Instructor

        Thank you.

    • yoonvs1238240님의 프로필 이미지
      yoonvs1238240

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

    • dengo님의 프로필 이미지
      dengo

      Reviews 13

      Average Rating 4.5

      5

      72% enrolled

      This seems like the first time this year. A lecture that makes me feel I should leave a review. I followed along, visually seeing the logic through comments, and could experience the overall flow, including SPA. Also, because the instructor's words were fully reflected in the subtitles, I could write them down in my notes and review them, further increasing my understanding. If the instructor releases another lecture, I would take it without hesitation. Thank you for the high-quality lecture.

      • oncoding
        Instructor

        Despite many shortcomings, I will continue to develop to help expand knowledge, however little. Thank you.

    $47.30

    Similar courses

    Explore other courses in the same field!