강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
Programming

/

Back-end

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

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

（4.9）受講レビュー 24件

受講生 176名

  • bradkim
로그인처리
OAuth
oauth2
JWT
Spring Boot
Vue.js

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

こんなことが学べます

  • 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実装において、バックエンドの領域とフロントエンドの領域の区分について疑問に思った開発者

こんにちは
です。

2,413

受講生

216

受講レビュー

103

回答

4.9

講座評価

9

講座

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

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

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

カリキュラム

全体

20件 ∙ (6時間 36分)

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

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

受講レビュー

全体

24件

4.9

24件の受講レビュー

  • kukaeden님의 프로필 이미지
    kukaeden

    受講レビュー 436

    ∙

    平均評価 5.0

    5

    60% 受講後に作成

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

    • didakd225197님의 프로필 이미지
      didakd225197

      受講レビュー 3

      ∙

      平均評価 5.0

      5

      95% 受講後に作成

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

      • ttt123님의 프로필 이미지
        ttt123

        受講レビュー 15

        ∙

        平均評価 5.0

        5

        95% 受講後に作成

        講義力、神です... 素晴らしい講義ありがとうございます。

        • boki님의 프로필 이미지
          boki

          受講レビュー 48

          ∙

          平均評価 5.0

          5

          100% 受講後に作成

          良かったです！原理までのご説明、ありがとうございます😊

          • hamn201715님의 프로필 이미지
            hamn201715

            受講レビュー 23

            ∙

            平均評価 4.9

            5

            95% 受講後に作成

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

            • bradkim
              知識共有者

              お役に立てたようで何よりです。素敵な受講評価ありがとうございます！

          ￥6,526

          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

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

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

          bradkim

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

          입문

          입문

          Redis, devops, database

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

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

          bradkim

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

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

          bradkim

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

          입문

          입문

          MariaDB, MySQL

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

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

          bradkim

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

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

          bradkim

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

          입문

          입문

          Git, GitHub, gitlab

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

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

          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, sql-join

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

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

          bradkim

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

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

          bradkim

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

          입문

          입문

          Linux, ubuntu, Shell Script

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

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

          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

          似ている講座

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

          ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)강의 썸네일

          ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

          hodolman888675

          単にアプリケーションを 1 つ作成するだけではありません。Spring Boot を活用したバックエンドから Vue.js モダン フロントエンド スタックを連携したサービスの完成まで、A から Z までご紹介します。

          중급이상

          중급이상

          Spring Boot, JPA, AWS

          ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)강의 썸네일

          ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

          hodolman888675

          Vue, ビュー 100分 コア講義강의 썸네일

          Vue, ビュー 100分 コア講義

          nomad

          このコースはVueに基づいて簡単ですが、便利なpetlistプロジェクトを100分のコアレッスンに短縮し、短時間で実践に活用できるモバイルWebアプリの開発能力を高めることができます。

          중급이상

          중급이상

          Vue.js

          Vue, ビュー 100分 コア講義강의 썸네일

          Vue, ビュー 100分 コア講義

          nomad

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

          gymcoding

          Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

          중급이상

          중급이상

          Vue.js, Firebase, Quasar

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

          gymcoding

          Vue 3 の開始강의 썸네일

          Vue 3 の開始

          captain

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

          초급

          초급

          Vue.js, Vue 3, JavaScript

          Vue 3 の開始강의 썸네일

          Vue 3 の開始

          captain

          最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

          最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

          gymcoding

          "Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

          초급

          초급

          Vue.js, Vue 3, TailwindCSS

          最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

          最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

          gymcoding

          SpringBootでのWebSocket、STOMP강의 썸네일

          SpringBootでのWebSocket、STOMP

          Hello World

          1時間だけ投資すれば、SpringBootでWebSocket、STOMP関連の核心事項をすべて学ぶことができます。

          초급

          초급

          Spring Boot, stomp-websocket, Java

          SpringBootでのWebSocket、STOMP강의 썸네일

          SpringBootでのWebSocket、STOMP

          Hello World

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

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

          Michael Kwon

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

          초급

          초급

          Vue.js, supabase, Vue 3

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

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

          Michael Kwon

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

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

          Neo

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

          입문

          입문

          Kotlin, Spring Boot, Next.js

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

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

          Neo

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

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

          brainbackdoor

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

          초급

          초급

          Network, Linux, Spring Boot

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

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

          brainbackdoor

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

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

          jscode

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

          초급

          초급

          Spring Boot, Elasticsearch, devops

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

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

          jscode

          コトリン製のスプリングブート강의 썸네일

          コトリン製のスプリングブート

          kwangsung

          スプリングブートそしてコートリン入門者がウェブ開発しながら経験することを入門者立場で親切に説明します。

          초급

          초급

          Kotlin, Spring Boot

          コトリン製のスプリングブート강의 썸네일

          コトリン製のスプリングブート

          kwangsung

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

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

          Neo

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

          입문

          입문

          iOS, Kotlin, Spring Boot

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

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

          Neo

          1時間でチキンコンボ値で学ぶサーバー配布강의 썸네일

          1時間でチキンコンボ値で学ぶサーバー配布

          Neo

          チキンコンボ値でスプリングブートを手動で配布する ->ドッカーとして配布 -> Github Action CI/CD の順で配布プロセスを学びます。

          초급

          초급

          Spring Boot, github-actions, Docker

          1時間でチキンコンボ値で学ぶサーバー配布강의 썸네일

          1時間でチキンコンボ値で学ぶサーバー配布

          Neo

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