강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Back-end

カカオ、Google SNSログイン（springboot3, vue3）

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

（4.9）受講レビュー 31件

受講生 223名

難易度 初級

受講期間 無制限

  • bradkim
로그인처리
로그인처리
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が行われる流れに沿ってコードを作成してくださったので、とても理解しやすかったです。他の講義も受講したことがありますが、講義力とても素晴らしいです！

受講後に得られること

  • SpringBoot 3.xでのJWTトークンベースのログイン実装

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

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

1. 学習内容📕

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


  • 2つの実装方法によるoauthログイン

    • 方法1）フロントエンド（認可コード）、サーバー（accessトークン、ユーザー情報）方式のsnsログイン

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


  • Google、カカオコンソール作業から授業で一緒に進行

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

  • バックエンド

    • java17、springboot3.4ベースのrestful api開発、spring data jpa、jwtトークンログイン、mysql

  • フロント

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

  • 注意事項

    • 上記の技術スタックの基礎的な知識が先行すれば良いのですが、理解が不足しても授業に従うのに大きな無理はありません。

    • 特に、vueパーツは非常に少ないコード作成が行われるので無理なく従うことができます。 githubにコードも公開されているので、手軽に腹付で授業に従うことができます。

3. 授業資料📢

こんな方に
おすすめです

学習対象は
誰でしょう？

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

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

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

こんにちは
です。

3,027

受講生

312

受講レビュー

122

回答

4.9

講座評価

9

講座

💪💪💪실무와 강의 경력을 갖춘 전문가 💪💪💪

안녕하세요 김선국(bradkim) 강사입니다. 연세대학교를 졸업하고 대기업, 스타트업 등에서 8년 이상을 소프트웨어 엔지니어로 일해왔습니다. 현재는 부트캠프에서 전업 강사로 일하고 있습니다. 실무 경험과 강의 경험을 모두 갖춘 강사로서, 여러분들에게 반드시 알아야할 지식들 위주로 알기쉽게 전달 드리겠습니다.

프로필 : https://www.linkedin.com/in/seongukkim

カリキュラム

全体

20件 ∙ (6時間 36分)

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

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

受講レビュー

全体

31件

4.9

31件の受講レビュー

  • wogusrla778193님의 프로필 이미지
    wogusrla778193

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

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

    • yoojinleedev2252님의 프로필 이미지
      yoojinleedev2252

      受講レビュー 20

      ∙

      平均評価 5.0

      5

      30% 受講後に作成

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

      • vidkid님의 프로필 이미지
        vidkid

        受講レビュー 7

        ∙

        平均評価 5.0

        5

        100% 受講後に作成

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

        • kukaeden님의 프로필 이미지
          kukaeden

          受講レビュー 489

          ∙

          平均評価 5.0

          5

          60% 受講後に作成

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

          • didakd225197님의 프로필 이미지
            didakd225197

            受講レビュー 3

            ∙

            平均評価 5.0

            5

            95% 受講後に作成

            oauth-clientだけで実装する方法を知っていたのですが、他の方法ではこのように実装するんですね 😆😆 ありがとうございます！！

            ￥6,762

            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

            スピーディーに学ぶSpring Cloud基礎(MSA)강의 썸네일

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

            bradkim

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

            초급

            초급

            Spring Cloud, MSA, eureka

            スピーディーに学ぶSpring Cloud基礎(MSA)강의 썸네일

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

            bradkim

            開発者が知っておくべき Redis の基本강의 썸네일

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

            bradkim

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

            입문

            입문

            Redis, devops, database

            開発者が知っておくべき Redis の基本강의 썸네일

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

            bradkim

            MariaDB(MySQL)のすべて - 深刻な編강의 썸네일

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

            bradkim

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

            초급

            초급

            MariaDB, MySQL, sql-join

            MariaDB(MySQL)のすべて - 深刻な編강의 썸네일

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

            bradkim

            MariaDB(MySQL)のすべて - 基本編강의 썸네일

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

            bradkim

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

            입문

            입문

            MariaDB, MySQL

            MariaDB(MySQL)のすべて - 基本編강의 썸네일

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

            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

            実践活用のためのgit/github(feat.各種コンフリクトの解決)강의 썸네일

            実践活用のためのgit/github(feat.各種コンフリクトの解決)

            bradkim

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

            입문

            입문

            Git, GitHub, gitlab

            実践活用のためのgit/github(feat.各種コンフリクトの解決)강의 썸네일

            実践活用のためのgit/github(feat.各種コンフリクトの解決)

            bradkim

            開発者なら知っておくべき Linux (Ubuntu) 基本강의 썸네일

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

            bradkim

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

            입문

            입문

            Linux, ubuntu, Shell Script

            開発者なら知っておくべき Linux (Ubuntu) 基本강의 썸네일

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

            bradkim

            似ている講座

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

            DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法강의 썸네일

            DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法

            Burger

            NetflixがRESTの代わりに選んだDGS！ 実際にNetflixが大容量トラフィックを処理するために使用しているフレームワークで、Spring BootでGraphQLを簡単かつ強力に活用する方法を学びましょう！🔥

            초급

            초급

            GraphQL, Spring Boot, netflix-dgs

            DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法강의 썸네일

            DGS: NETFLIXがSpring Bootで大容量トラフィックを処理する方法

            Burger

            生産性を向上させるSpring BootベースのAPIテンプレートプロジェクトの実装강의 썸네일

            生産性を向上させるSpring BootベースのAPIテンプレートプロジェクトの実装

            bgh79465479

            プロジェクトを開始するための全体的な設定を実装し、テンプレートプロジェクトとして登録して生産性を最大化します。

            초급

            초급

            Spring Boot, JPA, Web API

            生産性を向上させるSpring BootベースのAPIテンプレートプロジェクトの実装강의 썸네일

            生産性を向上させるSpring BootベースのAPIテンプレートプロジェクトの実装

            bgh79465479

            これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発강의 썸네일

            これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発

            greencoding1234

            聴いてみてください。講義力、引き込み力、講義の質が違います。

            입문

            입문

            HTML/CSS, JavaScript, JSP

            これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発강의 썸네일

            これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発

            greencoding1234

            Spring Bootによるウェブプログラミング: ウェブサイトはこうやって作るんです！강의 썸네일

            Spring Bootによるウェブプログラミング: ウェブサイトはこうやって作るんです！

            blogstudy0222

            カレンダー（スケジュール管理）を作りながら学ぶSpring Webプログラミング！短いサンプルではなく、すぐに使える実践的な例でSpringを完全マスターしましょう〜！

            초급

            초급

            Spring Boot, Spring Security, JPA

            Spring Bootによるウェブプログラミング: ウェブサイトはこうやって作るんです！강의 썸네일

            Spring Bootによるウェブプログラミング: ウェブサイトはこうやって作るんです！

            blogstudy0222

            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

            Vue 3 を始める강의 썸네일

            Vue 3 を始める

            captain

            Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発を行う際に知っておくべき基本概念を学びましょう。

            초급

            초급

            Vue.js, Vue 3, JavaScript

            Vue 3 を始める강의 썸네일

            Vue 3 を始める

            captain

            クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）강의 썸네일

            クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

            gymcoding

            Vue.jsでウェブ開発を行い、クエサー（Quasar）を利用したい方のための講義です。社内でフロントウェブをすばやく構築する必要がある方、または自分だけの素敵なUIを作成しなければならない方ですか？このレッスンを通じて簡単かつ迅速にフロントウェブを作成できます。

            초급

            초급

            Quasar, Vue.js

            クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）강의 썸네일

            クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

            gymcoding

            プロジェクトで学ぶVue.js 3강의 썸네일

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

            kossiecoder

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

            초급

            초급

            Vue.js, Vuex, Web Application

            プロジェクトで学ぶVue.js 3강의 썸네일

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

            kossiecoder

            [JSPからSpring Bootまで]諦めないSpring Bootへの道강의 썸네일

            [JSPからSpring Bootまで]諦めないSpring Bootへの道

            youngcodikimssam

            Springの勉強を途中で諦めてしまいましたか？ コーディングが初めての完全初心者、非専攻者でもjspからspringBootまで、諦めずにSpring Bootへの道を開いてあげます。

            입문

            입문

            Java, JSP, TDD

            [JSPからSpring Bootまで]諦めないSpring Bootへの道강의 썸네일

            [JSPからSpring Bootまで]諦めないSpring Bootへの道

            youngcodikimssam

            [Season 2] Spring AI実戦：Multi AIエージェントシステム開発강의 썸네일

            [Season 2] Spring AI実戦：Multi AIエージェントシステム開発

            bitcocom

            Spring AI Router Pattern + RAG + MCPを活用した「インテリジェント協業」専門家エージェントチーム構築 単一エージェントを超えてアーキテクチャへ：Routerパターンとエージェント分離(Isolation)設計の定石

            초급

            초급

            Spring Boot, RAG, AI Agent

            [Season 2] Spring AI実戦：Multi AIエージェントシステム開発강의 썸네일

            [Season 2] Spring AI実戦：Multi AIエージェントシステム開発

            bitcocom

            Vue3とSupabaseで求人求人サイトを作る강의 썸네일

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

            Michael Kwon

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

            초급

            초급

            Vue.js, PWA, supabase

            Vue3とSupabaseで求人求人サイトを作る강의 썸네일

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

            Michael Kwon

            誰よりも早く学ぶSpringboot + React RestAPI掲示板作り강의 썸네일

            誰よりも早く学ぶSpringboot + React RestAPI掲示板作り

            Neo

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

            초급

            초급

            React, Java, Kotlin

            誰よりも早く学ぶSpringboot + React RestAPI掲示板作り강의 썸네일

            誰よりも早く学ぶSpringboot + React RestAPI掲示板作り

            Neo

            [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

            実戦ですぐに使えるElasticsearch入門（検索最適化編）강의 썸네일

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

            jscode

            非専門家の立場からでも簡単に理解でき、実践ですぐに応用可能な「Elasticsearch入門」の講義を作ってみました！

            초급

            초급

            Spring Boot, Elasticsearch, devops

            実戦ですぐに使えるElasticsearch入門（検索最適化編）강의 썸네일

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

            jscode

            本当の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

            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

            SpringAI + Reactで作る自分だけの感情日記サービス강의 썸네일

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

            Neo

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

            초급

            초급

            React, Kotlin, Spring Boot

            SpringAI + Reactで作る自分だけの感情日記サービス강의 썸네일

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

            Neo

            1時間でチキンコンボ代で学ぶサーバーデプロイ강의 썸네일

            1時間でチキンコンボ代で学ぶサーバーデプロイ

            Neo

            チキンコンボの値段でSpring Bootを 手動デプロイ -> Dockerでデプロイ -> Github Action CI/CD の順にデプロイ過程を学びます!

            초급

            초급

            AWS, Docker, Spring Boot

            1時間でチキンコンボ代で学ぶサーバーデプロイ강의 썸네일

            1時間でチキンコンボ代で学ぶサーバーデプロイ

            Neo

            インフラ工房 - もっともらしいサービス作り강의 썸네일

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

            brainbackdoor

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

            초급

            초급

            Network, Linux, Spring Boot

            インフラ工房 - もっともらしいサービス作り강의 썸네일

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

            brainbackdoor

            誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成강의 썸네일

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

            Neo

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

            입문

            입문

            iOS, Kotlin, REST API

            誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成강의 썸네일

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

            Neo