Inflearn brand logo image
Inflearn brand logo image
NEW
개발 · 프로그래밍

/

웹 개발

스프링 부트와 리액트로 구현하는 소셜 로그인

스프링 부트와 리액트를 활용해 일반 로그인과 소셜 로그인을 통합 구현하는 방법을 배웁니다. MPA와 SPA 환경 모두에서 로그인 시스템을 구축하고, JWT와 OAuth2 인증을 실습합니다. 실무에 바로 적용 가능한 예제 프로젝트를 통해 전체 로그인 흐름을 이해하고 구현할 수 있습니다.

(5.0) 수강평 2개

수강생 177명

중급자를 위해 준비한
[웹 개발, 풀스택] 강의입니다.

이런 걸 배울 수 있어요

  • 완성도 높은 로그인 시스템을 직접 구현할 수 있습니다

  • 실무에서 바로 사용할 수 있는 웹 프로젝트를 완성할 수 있습니다.

  • 일반 로그인과 소셜 로그인이 통합된 웹 인증 시스템을 직접 구현하고 운영할 수 있습니다.

  • 구글, 네이버, 카카오, 깃허브 같은 소셜 로그인 서비스를 직접 연결하고 연동 코드 작성이 가능합니다

  • MPA와 SPA의 차이를 이해하고, 각각에 맞는 인증 처리 방식을 자유롭게 구현할 수 있습니다.

  • React에서 JWT를 활용해 사용자 인증 흐름을 설계하고 개발할 수 있습니다.

  • 스프링 시큐리티를 실전 프로젝트 수준에서 정확하게 설정하고 응용할 수 있습니다.

  • 다양한 기술을 통합한 실전 프로젝트 경험을 통해 포트폴리오나 실무에 바로 적용 가능한 소스코드를 확보할 수 있습니다.

📢 강의 소개

빠르게 변화하는 웹 기술 환경 속에서,
실무에 바로 적용 가능한 로그인 시스템을 배우고자 이 강의를 만들었습니다.
스프링 부트와 리액트를 활용해 일반 로그인과 소셜 로그인을 통합 구현하는 방법을 익히는 것이 목표입니다.
OAuth2, JWT, Spring Security 등을 직접 적용하며 MPA와 SPA 환경 모두에서 인증 시스템을 구축해봅니다.
수강 후에는 실전 프로젝트에 바로 활용 가능한 로그인 기능을 스스로 구현할 수 있게 됩니다.

🎯 수강 대상

  • 스프링 부트와 리액트 기본기를 익힌 웹 개발자 중, 로그인 기능을 실전에서 구현해보고 싶은 분

  • 소셜 로그인(OAuth2)과 JWT 기반 인증을 프로젝트에 직접 적용해보고 싶은 중급 수준의 개발자

  • 로그인 기능이 포함된 사이드 프로젝트나 포트폴리오를 준비 중인 주니어 개발자

  • 프론트엔드·백엔드를 연계한 인증 흐름의 전체 구조를 이해하고 싶은 풀스택 지향 개발자

  • 실무에 활용 가능한 최신 기술(Spring Boot 3, Spring Security 6, React 등)을 배우고 싶은 분

※ 이 강의는 완전한 입문자보다는, 기본적인 자바, 스프링, 리액트 사용 경험이 있는 분께 적합합니다.

프레임워크에 익숙하지 않다면, 사전 학습을 추천드려요.

강의 매력 포인트

  • 구글, 네이버, 카카오, 깃허브까지, 총 4개의 소셜 로그인을 한 번에 통합 구현합니다.

  • 일반 로그인과 소셜 로그인이 하나의 인증 시스템으로 작동하는 코드 구조를 실습을 통해 직접 경험할 수 있습니다.

  • MPA(타임리프)와 SPA(리액트) 환경 모두에서 로그인 기능이 어떻게 구현되는지 비교 학습할 수 있어, 다양한 실무 상황에 대비할 수 있습니다.

  • 최신 기술 스택(Spring Boot 3, Spring Security 6, JWT, React 등)을 기반으로, 실무에 바로 쓸 수 있는 프로젝트 코드를 제공합니다.

  • 단순한 코드 따라하기를 넘어서, OAuth2 제공자 등록부터 실전 구현까지의 전 과정을 상세하게 안내합니다.

로그인 기능 하나로 끝나지 않는, 통합적 사고와 실전 감각을 키울 수 있는 강의입니다.

📘 강의에서 배우는 내용

이 강의는 이론보다는 실습 중심으로 구성되어 있으며, 실무에서 바로 사용할 수 있는 인증 시스템 구현 능력을 키우는 데 중점을 둡니다.

🛠 주요 학습 내용

  • 일반 로그인 기능 구현 (아이디/비밀번호 기반 로그인)

  • 구글, 네이버, 카카오, 깃허브 4종 소셜 로그인 연동 및 통합 처리

  • 소셜 로그인 사용을 위한 OAuth2 제공자 등록 방법과 설정 방법 전 과정 공개

  • 스프링 시큐리티 설정 및 인증 흐름 커스터마이징

  • MPA(타임리프 기반) 웹 애플리케이션에서의 로그인 처리

  • SPA(React 기반) 애플리케이션에서 JWT 토큰 인증 방식 구현

  • JPA + MySQL 연동을 통한 사용자 정보 저장 및 인증 처리

  • 로그인 통합 처리 로직 구조화 및 실제 프로젝트에서 활용 가능한 코드 작성

이론 vs 실습 비율

  • 실습 위주 약 80%, 필수적인 이론은 흐름을 이해하는 데 필요한 만큼만 설명합니다.

  • 단순 개념 전달보다, 직접 구현하며 몸에 익히는 방식으로 구성되어 있습니다.

이 강의를 통해 수강생은 단순한 로그인 기능이 아닌, 실무 수준의 인증 시스템을 처음부터 끝까지 구현할 수 있는 역량을 갖추게 됩니다.

💬 예비 수강생을 위한 Q&A

Q. 소셜 로그인 구현이 처음인데 따라갈 수 있을까요?

A. 이 강의는 실습 중심으로, 소셜 로그인에 필요한 제공자 등록부터 연동까지 전 과정을 차근차근 안내합니다.

다만, 기본적인 스프링 부트, 리액트 사용 경험이 있다면 더 원활하게 따라오실 수 있어요.

Q. 스프링이나 리액트에 대해 잘 모르는데 수강해도 괜찮을까요?

A. 완전 입문자를 위한 강의는 아니며, 자바 문법, 스프링 부트 기본 구조, 리액트 기초는 알고 계시는 것이 좋습니다.

강의는 개별 기술을 설명하기보다 통합 구현에 초점이 맞춰져 있기 때문에, 초보자라면 사전 학습을 추천드립니다.

Q. 어떤 로그인 기능까지 구현하게 되나요?

A. 일반 로그인(아이디/비밀번호) + 구글, 네이버, 카카오, 깃허브 소셜 로그인을 통합 구현합니다.

MPA와 SPA 환경에서 각각 로그인 기능이 어떻게 작동하는지도 실습을 통해 체험할 수 있습니다.

Q. 강의를 듣고 나면 어떤 결과물을 얻을 수 있나요?

A. 실제 서비스에 활용 가능한 완성도 높은 로그인 시스템을 구현할 수 있고,

그 소스코드를 포트폴리오나 실무에 바로 활용하실 수 있습니다.

Q. 실습을 위해 따로 준비할 환경이 있을까요?

A. 강의에서 사용하는 툴과 버전(Spring Boot 3, React, MySQL 등)을 안내해드리며,

로컬 개발 환경에서 따라할 수 있도록 설치 및 설정 과정도 안내합니다.

📌 수강 전 참고사항

  • 실습 중심 강의이며, 스프링 부트, 리액트, JPA, 스프링 시큐리티 등은 기초 지식이 있는 분께 추천합니다.

  • MPA와 SPA 두 가지 프로젝트를 완성 형태로 제공하며, 분량이 많아 강의 대본 기반으로 진행됩니다.

  • 일부 나래이션이 부자연스러울 수 있으나, 실전 코드와 흐름에 중점을 두었습니다.

  • 소셜 로그인 외에도 웹 개발 전반(Spring Boot 기반)을 다루므로, 복습과 정리용으로도 좋습니다.

  • 강의는 OAuth2 이론보다 실전 구현에 초점을 맞추며, 필요한 보완은 추후 업데이트 예정입니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 스프링 부트와 리액트를 활용한 통합 로그인 시스템을 구현하고 싶은 웹 개발자

  • 일반 로그인과 소셜 로그인을 동시에 다루는 프로젝트를 구성해보고 싶은 중급 개발자

  • JWT 기반 인증 흐름을 SPA에서 구현하고 싶은 프론트엔드 개발자

  • 스프링 시큐리티를 실제로 활용해보고 싶은 백엔드 개발자

  • 스프링 부트 3, 스프링 시큐리티 6 기반의 실무 예제를 익히고 싶은 분

  • 토이 프로젝트 이상의 로그인 기능을 구현해보고 싶은 개발자

선수 지식,
필요할까요?

  • Java 문법

  • Spring Boot 기본 구조 이해

  • JPA 개념 및 간단한 사용 경험

  • 기본적인 스프링 시큐리티 사용 경험 (선택적이지만 유리)

  • React 기본 문법 및 구조 이해

  • React에서 API 호출하는 방법

  • OAuth2 인증의 기본 흐름 (간단한 개념 수준이면 충분)

  • JWT (JSON Web Token)에 대한 기본 개념

안녕하세요
입니다.

커리큘럼

전체

90개 ∙ (13시간 11분)

  • 3. 자바 설치

    01:29

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

수강평

전체

2개

5.0

2개의 수강평

  • yoonvs123님의 프로필 이미지
    yoonvs123

    수강평 3

    평균 평점 5.0

    5

    100% 수강 후 작성

    • 별다방님의 프로필 이미지
      별다방

      수강평 12

      평균 평점 4.5

      5

      72% 수강 후 작성

      올해 처음인 것 같습니다. 수강평을 남겨야겠다는 생각이 드는 강의는 주석을 통해 로직을 눈으로 적시하면서 따라갔고, SPA까지 큰 흐름을 체험할 수 있었습니다. 또한, 강사님의 말씀이 온전히 자막에 녹여져 있어 노트에 적고 복기하면서 다시금 이해도를 높일 수 있었습니다. 강사님의 다른 강의가 나온다면 주저하지 않고 수강할 것 같네요. 양질의 강의 감사합니다.

      • 온코딩
        지식공유자

        부족한 부분이 많지만, 지식 확장에 조금이라도 도움이 될 수 있도록 계속 발전하겠습니다. 감사합니다.

    비슷한 강의

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