강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Back-end

カカオ、Google SNSログイン(springboot3, vue3)

Spring Bootを活用してカカオ、Googleログインを実装します。JWTトークンベースのログインが実装されます。Vue 3を通じて簡単な画面を構成します。

（4.9）受講レビュー 34件

受講生 236名

難易度 初級

受講期間 無制限

OAuth
OAuth
oauth2
oauth2
JWT
JWT
Spring Boot
Spring Boot
Vue.js
Vue.js
OAuth
OAuth
oauth2
oauth2
JWT
JWT
Spring Boot
Spring Boot
Vue.js
Vue.js

学習した受講者のレビュー

4.9

5.0

cksdnddlek99

95% 受講後に作成

ソーシャルログインの責任分担について悩んでいましたが、講義で明確に教えてくださってとても良かったです。 質の良い講義を制作してくださってありがとうございます。

5.0

김경환

100% 受講後に作成

豊富な学習資料と質の高い講義、大変勉強になりました。 ソーシャルログイン認証の過程で、単純な検索だけでは理解に苦しんでいた最中、私が知りたかったソーシャルログインのすべてを教えてくれるこの講義を見つけたおかげで、時間が経つのも忘れて受講しました :D

5.0

몽몽

95% 受講後に作成

ソーシャルログインを実装しようと、あちこちのブログを探しながら無駄骨ばかり折っていましたが、OAuthが行われる流れに沿ってコードを作成してくださったので、とても理解しやすかったです。他の講義も受講したことがありますが、講義力とても素晴らしいです！

受講後に得られること

  • Spring Boot 3.xにおけるJWTトークンベースのログイン実装

  • OAuthベースの会員登録、ログイン

  • Googleログイン、カカオログインの実装とコンソール作業

1. 学習内容📕

  • Google/Kakao SNSログインの実装（フロント、バックエンド）


  • 2つの実装方式によるOAuthログイン

    • 方法1)フロントエンド(認可コード)、サーバー(アクセストークン、ユーザー情報)方式のSNSログイン

    • 方法2)springのoauth2-clientを活用したサーバー(認可コード、accessトークン、ユーザー情報)方式のsnsログイン


  • Google、Kakaoのコンソール作業から授業で一緒に行います

2. 技術スタックと注意事項 📢

  • バックエンド

    • Java 17, Spring Boot 3.4ベースのRESTful API開発、Spring Data JPA、JWTトークンログイン、MySQL

  • フロント

    • html/css/js, vue3, vuetify, vue-routerなどを活用

  • 注意事項

    • 上記の技術スタックに関する基礎知識があることが望ましいですが、理解が不足していても授業を進める上で大きな支障はありません。

    • 特に、vueパートは非常に少ないコード作成で済むため、無理なくついていくことができます。githubにコードも公開されていますので、手軽にコピペで授業を進めていただいても構いません。

    • カカオログインの変更事項)

3. 授業資料 📢

こんな方に
おすすめです

学習対象は
誰でしょう？

  • SNSログインを実装してみたい開発者

  • OAuthの実装経験はあるが、構造への理解が不足していた人

  • OAuth実装において、バックエンドの領域とフロントの領域の区分が気になっていた開発者

こんにちは
bradkimです。

3,394

受講生

359

受講レビュー

128

回答

4.9

講座評価

10

講座

💪💪💪実務と講義の経歴を兼ね備えた専門家 💪💪💪

こんにちは、キム・ソングク（bradkim）講師です。延世大学を卒業し、大企業やスタートアップなどでソフトウェアエンジニアとして働いてきました。現在はブートキャンプで専業講師として働いています。実務経験と講義経験を兼ね備えた講師として、皆さんに必ず知っておくべき知識を中心に分かりやすくお伝えします。

プロフィール : https://www.linkedin.com/in/seongukkim

連絡先 : ksg39412@naver.com

もっと見る

カリキュラム

全体

20件 ∙ (6時間 36分)

講座資料（こうぎしりょう）:

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

34件

4.9

34件の受講レビュー

  • bigho982715님의 프로필 이미지
    bigho982715

    受講レビュー 24

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    ソーシャルログインとOAuth2は、Spring Securityのように複雑で膨大なものだろうという漠然とした不安があり、これまで手を出せずにいました。しかし、この講義を通じて、認可コード - アクセストークン - ユーザー情報へと続く一連のリクエストの流れを明確に実感することができました。 また、フロントエンドとバックエンド両方のコードを記述することで、各領域の責任範囲やセキュリティ上の問題点も確実に理解することができました。 この講義は、ソーシャルログインとJWTについて簡潔かつ密度の高い講義です。質の高い講義をありがとうございました。

    • bradkim
      知識共有者

      bigho98様、いつも丁寧な受講評をいただきありがとうございます！これからもより良い講義をお届けできるよう努めてまいります。

  • wogusrla778193님의 프로필 이미지
    wogusrla778193

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    おかげでjwt + oauthログインまでの流れを理解するのにとても役立ちました!

    • yoojinleedev2252님의 프로필 이미지
      yoojinleedev2252

      受講レビュー 21

      ∙

      平均評価 5.0

      5

      30% 受講後に作成

      完走するまでファイティング

      • kukaeden님의 프로필 이미지
        kukaeden

        受講レビュー 518

        ∙

        平均評価 5.0

        5

        60% 受講後に作成

        Spring Boot 3.0でのSpring SecurityとOAuth設定について良く学びました！特にVue3画面についての説明もしていただいて、より興味を持って進めることができたと思います。良い講義をありがとうございます！

        • vidkid님의 프로필 이미지
          vidkid

          受講レビュー 7

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          とても助かりました。 ありがとうございます〜

          bradkimの他の講座

          知識共有者の他の講座を見てみましょう！

          eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)講義サムネイル

          eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)

          bradkim

          ドメイン購入およびeksを活用したspringboot本番サーバーデプロイ、docker基礎、kubernetes基礎、aws基礎、github actionsを通じたCI/CD自動化、argocd、prometheus/grafanaなどdevops全般について学びます。

          初級

          初級

          AWS, Docker, Kubernetes

          eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)講義サムネイル

          eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)

          bradkim

          Websocket/STOMP チャット サービス (spring、vue、redis)講義サムネイル

          Websocket/STOMP チャット サービス (spring、vue、redis)

          bradkim

          Websocket/stomp、springboot を活用してチャット サービスを開発します。比較的簡単なフレームワークである vue.js を使用して、簡単な画面も構成します。redis pub/sub を使用して、マルチ サーバー拡張性設計も構成します。

          初級

          初級

          websocket, pubsub, Spring Boot

          Websocket/STOMP チャット サービス (spring、vue、redis)講義サムネイル

          Websocket/STOMP チャット サービス (spring、vue、redis)

          bradkim

          核心だけを素早く終わらせる実践カフカ(kafka)講義サムネイル

          核心だけを素早く終わらせる実践カフカ(kafka)

          bradkim

          SW開発者が知っておくべきKafka活用のための基礎・必須・実践知識を学びます。SpringBootを活用してKafkaと連携し、さまざまな実践状況に合わせたメッセージ送受信の実習を行います。

          入門

          入門

          Spring Boot, Kafka, MSA

          核心だけを素早く終わらせる実践カフカ(kafka)講義サムネイル

          核心だけを素早く終わらせる実践カフカ(kafka)

          bradkim

          開発者が知っておくべき Redis の基本講義サムネイル

          開発者が知っておくべき Redis の基本

          bradkim

          REDIS の基本的なデータ構造と REDIS の実務活用例を redis-cli (コマンド) 実習を通じて学びます。

          入門

          入門

          Redis, devops, database

          開発者が知っておくべき Redis の基本講義サムネイル

          開発者が知っておくべき Redis の基本

          bradkim

          実践活用のためのgit/github（feat.各種コンフリクト状況の解決）講義サムネイル

          実践活用のためのgit/github（feat.各種コンフリクト状況の解決）

          bradkim

          Git/GitHubの基礎的な知識から、実務で直面する様々な衝突（コンフリクト）状況に対する実践的な解決策と戦略までを学びます。

          入門

          入門

          Git, GitHub, gitlab

          実践活用のためのgit/github（feat.各種コンフリクト状況の解決）講義サムネイル

          実践活用のためのgit/github（feat.各種コンフリクト状況の解決）

          bradkim

          MariaDB(MySQL)のすべて - 深刻な編講義サムネイル

          MariaDB(MySQL)のすべて - 深刻な編

          bradkim

          開発初心者、バックエンド開発者、SQLD試験準備受講生など、開発者なら知っておくべきMariaDB(MySQL)のすべてを学びます。授業は、実際にDBを構築する実習中心で進められます。

          初級

          初級

          MariaDB, MySQL, sql-join

          MariaDB(MySQL)のすべて - 深刻な編講義サムネイル

          MariaDB(MySQL)のすべて - 深刻な編

          bradkim

          スピーディーに学ぶSpring Cloud基礎(MSA)講義サムネイル

          スピーディーに学ぶSpring Cloud基礎(MSA)

          bradkim

          Spring Cloudを活用したMSAサーバー構成について学習します。

          初級

          初級

          Spring Cloud, MSA, eureka

          スピーディーに学ぶSpring Cloud基礎(MSA)講義サムネイル

          スピーディーに学ぶSpring Cloud基礎(MSA)

          bradkim

          MariaDB(MySQL)のすべて - 基本編講義サムネイル

          MariaDB(MySQL)のすべて - 基本編

          bradkim

          開発初心者、バックエンド開発者、SQLD試験準備受講生など、開発者なら知っておくべきMariaDB(MySQL)のすべてを学びます。授業は、実際にDBを構築する実習中心で進められます。

          入門

          入門

          MariaDB, MySQL

          MariaDB(MySQL)のすべて - 基本編講義サムネイル

          MariaDB(MySQL)のすべて - 基本編

          bradkim

          開発者なら知っておくべき Linux (Ubuntu) 基本講義サムネイル

          開発者なら知っておくべき Linux (Ubuntu) 基本

          bradkim

          DevOpsやLinuxのエキスパートでなくても、開発者なら必ず知っておくべきLinuxの必須知識について学びます。ハンズオン形式で授業が進められます。

          入門

          入門

          Linux, ubuntu, Shell Script

          開発者なら知っておくべき Linux (Ubuntu) 基本講義サムネイル

          開発者なら知っておくべき Linux (Ubuntu) 基本

          bradkim

          似ている講座

          同じ分野の他の講座を見てみましょう！

          ジュジュで一日で始まるバックエンド - スプリング、ドッカー、AWS講義サムネイル

          ジュジュで一日で始まるバックエンド - スプリング、ドッカー、AWS

          jyujyu

          バックエンド開発をどこから始めなければならないのか、やめませんでしたか？ジュジュと一緒に一日でバックエンドの開発を始めましょう！

          初級

          初級

          Spring, Spring Boot, JPA

          ジュジュで一日で始まるバックエンド - スプリング、ドッカー、AWS講義サムネイル

          ジュジュで一日で始まるバックエンド - スプリング、ドッカー、AWS

          jyujyu

          Vue 3 中級 - Composition API講義サムネイル

          Vue 3 中級 - Composition API

          captain

          Vue 2と最新のVue 3の両方で使用できるVue Composition APIを最も簡単かつ正確に学べる講座!

          中級以上

          中級以上

          Vue 3, Vue.js

          Vue 3 中級 - Composition API講義サムネイル

          Vue 3 中級 - Composition API

          captain

          トビーのスプリングブート - 理解と原理講義サムネイル

          トビーのスプリングブート - 理解と原理

          tobyilee

          スプリングブートの重要な機能を直接作成しながら、スプリングブートの動作原理を理解し、これを通じてスプリングブートをよく学習して使用する方法を学ぶ講義です。スプリングブートが使用するスプリングフレームワークのさまざまな使用法を学ぶことができます。

          初級

          初級

          Spring Boot, Spring, spring-jdbc

          トビーのスプリングブート - 理解と原理講義サムネイル

          トビーのスプリングブート - 理解と原理

          tobyilee

          Vue.js 中級講座 - Webアプリ制作で学ぶVue.js、ES6、Vuex講義サムネイル

          Vue.js 中級講座 - Webアプリ制作で学ぶVue.js、ES6、Vuex

          captain

          Vue.js 中級講座 - 「誰でも」、「簡単に」、「素晴らしい」Webアプリケーションを作れるようサポートするVue.js活用講座です。Vue.jsに対する基本的な理解をもとにTodoアプリを作りながら、コード中心の実用的な知識を学びます。

          中級以上

          中級以上

          JavaScript, Vue.js, ES6

          Vue.js 中級講座 - Webアプリ制作で学ぶVue.js、ES6、Vuex講義サムネイル

          Vue.js 中級講座 - Webアプリ制作で学ぶVue.js、ES6、Vuex

          captain

          カカオの面接官が教えるMSAの観点からの分散トランザクションパターン講義サムネイル

          カカオの面接官が教えるMSAの観点からの分散トランザクションパターン

          Hong

          分散環境でデータの一貫性を維持するためのSAGAトランザクション管理手法を、実習中心に学習します。Spring BootとDockerを活用して3つのマイクロサービスを構成し、OrchestrationとChoreographyの2つのパターンをKafkaとMySQLで実装します。この講義を通じて、分散トランザクションの動作原理、補償トランザクションの設計、障害復旧処理など、実務で即座に活用可能な核心概念を習得できます。

          初級

          初級

          Java, Spring, MySQL

          カカオの面接官が教えるMSAの観点からの分散トランザクションパターン講義サムネイル

          カカオの面接官が教えるMSAの観点からの分散トランザクションパターン

          Hong

          Spring BootとReactで実装するセキュアなJWTログイン講義サムネイル

          Spring BootとReactで実装するセキュアなJWTログイン

          oncoding

          この講義は、最新のWebサービス環境で必須となるJWTベースのトークン認証とセキュリティ強化技法を実務中心で学習するコースです。Spring Boot 3とSpring Security 6、Reactを活用して安全なログインシステムを実装し、XSS・CSRF対応、HTTPS適用、トークン再発行及び廃棄戦略、秘密鍵安全管理などセキュリティ実務全般を扱います。また、AWSを通じたビルド・デプロイ、Redisを利用したパフォーマンス最適化など実際のサービスレベルの環境構成を実習し、講義で提供される完成プロジェクトソースコードはすぐに実務に適用できます。

          中級以上

          中級以上

          React, Java, AWS

          Spring BootとReactで実装するセキュアなJWTログイン講義サムネイル

          Spring BootとReactで実装するセキュアなJWTログイン

          oncoding

          プロジェクトで学ぶVue.js 3講義サムネイル

          プロジェクトで学ぶVue.js 3

          kossiecoder

          Vue.js 3の使い方を学び、プロジェクトに適用しながら習得するのに役立ちます。

          初級

          初級

          Vue.js, Vuex, Web Application

          プロジェクトで学ぶVue.js 3講義サムネイル

          プロジェクトで学ぶVue.js 3

          kossiecoder

          Vue3とSupabaseで求人求人サイトを作る講義サムネイル

          Vue3とSupabaseで求人求人サイトを作る

          Michael Kwon

          独自のフルスタックアプリケーション開発からプログレッシブWebアプリ（PWA）まで！

          初級

          初級

          Vue.js, PWA, supabase

          Vue3とSupabaseで求人求人サイトを作る講義サムネイル

          Vue3とSupabaseで求人求人サイトを作る

          Michael Kwon

          SpringAI + Reactで作る自分だけの感情日記サービス講義サムネイル

          SpringAI + Reactで作る自分だけの感情日記サービス

          Neo

          SpringAI + Reactで作る自分だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です！

          初級

          初級

          React, Kotlin, Spring Boot

          SpringAI + Reactで作る自分だけの感情日記サービス講義サムネイル

          SpringAI + Reactで作る自分だけの感情日記サービス

          Neo

          核心だけを素早く終わらせる実践カフカ(kafka)講義サムネイル

          核心だけを素早く終わらせる実践カフカ(kafka)

          bradkim

          SW開発者が知っておくべきKafka活用のための基礎・必須・実践知識を学びます。SpringBootを活用してKafkaと連携し、さまざまな実践状況に合わせたメッセージ送受信の実習を行います。

          入門

          入門

          Spring Boot, Kafka, MSA

          核心だけを素早く終わらせる実践カフカ(kafka)講義サムネイル

          核心だけを素早く終わらせる実践カフカ(kafka)

          bradkim

          Webで扱うネットワーク通信 - 基礎からHTTP、SSE、WebSocketそしてWebRTC P2P通信まで講義サムネイル

          Webで扱うネットワーク通信 - 基礎からHTTP、SSE、WebSocketそしてWebRTC P2P通信まで

          sir24is

          様々な通信技法について学び、その違いを理解することで、最も適切な通信方法を選択し実装する能力を身につけることができます。

          入門

          入門

          JavaScript, React, Java

          Webで扱うネットワーク通信 - 基礎からHTTP、SSE、WebSocketそしてWebRTC P2P通信まで講義サムネイル

          Webで扱うネットワーク通信 - 基礎からHTTP、SSE、WebSocketそしてWebRTC P2P通信まで

          sir24is

          ThreeJSとSpringAIで作る3D地球儀記事サービス講義サムネイル

          ThreeJSとSpringAIで作る3D地球儀記事サービス

          Neo

          ThreeJSとSpringAIで作る3D地球儀アーティクルサービス | Neo + Essential 自分だけのチャットボットとThreeJSを通じて3D地球儀アーティクルサービスを作ってみましょう！

          初級

          初級

          React, Kotlin, Spring Boot

          ThreeJSとSpringAIで作る3D地球儀記事サービス講義サムネイル

          ThreeJSとSpringAIで作る3D地球儀記事サービス

          Neo

          実践ですぐに使えるElasticsearch入門（検索最適化編）講義サムネイル

          実践ですぐに使えるElasticsearch入門（検索最適化編）

          jscode

          非専門家の方でも簡単に理解でき、実務ですぐに活用できる「Elasticsearch入門」講座を作ってみました！

          初級

          初級

          Spring Boot, Elasticsearch, devops

          実践ですぐに使えるElasticsearch入門（検索最適化編）講義サムネイル

          実践ですぐに使えるElasticsearch入門（検索最適化編）

          jscode

          コードで学ぶReact 19 with Spring Boot APIサーバー講義サムネイル

          コードで学ぶReact 19 with Spring Boot APIサーバー

          zk202308a5410

          Spring Boot (ver3.4.x)で制作されるAPIサーバーと React 19 (with TypeScript) 連動プロジェクトを完成させる！ バックエンドのポートフォリオにフロントエンドを適用！ 実務者を対象に作成された講義（初心者向けの講義ではありません。）

          中級以上

          中級以上

          React, TypeScript, Spring Boot

          コードで学ぶReact 19 with Spring Boot APIサーバー講義サムネイル

          コードで学ぶReact 19 with Spring Boot APIサーバー

          zk202308a5410

          The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

          dingcodingco

          AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せて、あなたはより重要な問題解決に集中してください。 理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIに強い開発者」として認められる確実な方法をお教えします。

          初級

          初級

          Spring Boot, Next.js, AI

          The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

          dingcodingco

          本当のjOOQ！ Type Safe SQL with Java講義サムネイル

          本当のjOOQ！ Type Safe SQL with Java

          sdm32851630

          jOOQでType SafeしたSQLの強力さを体験してください！

          中級以上

          中級以上

          Java, jooq, SQL

          本当のjOOQ！ Type Safe SQL with Java講義サムネイル

          本当のjOOQ！ Type Safe SQL with Java

          sdm32851630

          GitHub Copilotで体験するバイブコーディング(feat. Java, Spring)講義サムネイル

          GitHub Copilotで体験するバイブコーディング(feat. Java, Spring)

          codebridge

          企業で現役エンジニアが活用するCopilot！ Copilot活用のコツからユニットテスト、API統合テストまでバイブコーディングで！ 現場のノウハウで10倍速いディレクターへと飛躍しましょう。

          入門

          入門

          Java, Spring, Spring Boot

          GitHub Copilotで体験するバイブコーディング(feat. Java, Spring)講義サムネイル

          GitHub Copilotで体験するバイブコーディング(feat. Java, Spring)

          codebridge

          [Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発講義サムネイル

          [Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発

          bitcocom

          Spring AI + JPA + MySQLを活用した「自律行動型」プレミアム予約エージェントバックエンド開発 チャットボットを超えてエージェントへ：Tool Callingとプロンプトエンジニアリングの定石

          初級

          初級

          Java, Spring Boot, backend

          [Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発講義サムネイル

          [Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発

          bitcocom

          誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成講義サムネイル

          誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

          Neo

          誰よりも早く学ぶSpringboot + iOS RestAPI掲示板作り Springbootでサーバーを開発し、iOSで自分だけの掲示板を作ってみましょう!!

          入門

          入門

          iOS, Kotlin, REST API

          誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成講義サムネイル

          誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

          Neo

          インフラ工房 - もっともらしいサービス作り講義サムネイル

          インフラ工房 - もっともらしいサービス作り

          brainbackdoor

          このプロセスは、現業と同様に、インフラストラクチャを構成し、必要な知識を学習して適用する段階に進みます。

          初級

          初級

          Network, Linux, Spring Boot

          インフラ工房 - もっともらしいサービス作り講義サムネイル

          インフラ工房 - もっともらしいサービス作り

          brainbackdoor