강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Back-end

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

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

（4.9）受講レビュー 29件

受講生 202名

  • 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,767

受講生

287

受講レビュー

120

回答

5.0

講座評価

9

講座

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

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

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

カリキュラム

全体

20件 ∙ (6時間 36分)

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

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

受講レビュー

全体

29件

4.9

29件の受講レビュー

  • yoojinleedev2252님의 프로필 이미지
    yoojinleedev2252

    受講レビュー 20

    ∙

    平均評価 5.0

    5

    30% 受講後に作成

    Hãy cố gắng cho đến khi hoàn thành nhé!

    • vidkid님의 프로필 이미지
      vidkid

      受講レビュー 7

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      Đã giúp ích rất nhiều. Cảm ơn bạn~

      • kukaeden님의 프로필 이미지
        kukaeden

        受講レビュー 486

        ∙

        平均評価 5.0

        5

        60% 受講後に作成

        Tôi đã học rất tốt về cấu hình Spring Security và OAuth trong Spring Boot 3.0! Đặc biệt là việc giải thích về giao diện Vue3 cũng khiến tôi thêm hứng thú và tiến hành bài học. Cảm ơn bạn vì khóa học tuyệt vời!

        • didakd225197님의 프로필 이미지
          didakd225197

          受講レビュー 3

          ∙

          平均評価 5.0

          5

          95% 受講後に作成

          Chỉ biết triển khai bằng oauth-client, hóa ra còn cách này 😆😆 Cảm ơn nhiều ạ!!

          • ttt123님의 프로필 이미지
            ttt123

            受講レビュー 15

            ∙

            平均評価 5.0

            5

            95% 受講後に作成

            Kỹ năng giảng dạy đỉnh của chóp .. Cảm ơn vì buổi giảng hay.

            ￥6,879

            bradkimの他の講座

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

            Những điều cơ bản về Redis mà mọi nhà phát triển nên biếtCourse Thumbnail

            Những điều cơ bản về Redis mà mọi nhà phát triển nên biết

            bradkim

            Bạn sẽ học về các cấu trúc dữ liệu cơ bản của REDIS và ví dụ về cách sử dụng thực tế của REDIS thông qua bài tập thực hành redis-cli (lệnh).

            Beginner

            Beginner

            Redis, devops, database

            Những điều cơ bản về Redis mà mọi nhà phát triển nên biếtCourse Thumbnail

            Những điều cơ bản về Redis mà mọi nhà phát triển nên biết

            bradkim

            Triển khai server vận hành Spring sử dụng EKS (feat. mọi thứ về DevOps)Course Thumbnail

            Triển khai server vận hành Spring sử dụng EKS (feat. mọi thứ về DevOps)

            bradkim

            Học về toàn bộ devops, bao gồm mua tên miền và triển khai máy chủ vận hành springboot sử dụng eks, cơ bản về docker, cơ bản về kubernetes, cơ bản về aws, tự động hóa CI/CD thông qua github actions, argocd, prometheus/grafana, v.v.

            Basic

            Basic

            AWS, Docker, Kubernetes

            Triển khai server vận hành Spring sử dụng EKS (feat. mọi thứ về DevOps)Course Thumbnail

            Triển khai server vận hành Spring sử dụng EKS (feat. mọi thứ về DevOps)

            bradkim

            Nền tảng Spring Cloud cơ bản (MSA) học nhanhCourse Thumbnail

            Nền tảng Spring Cloud cơ bản (MSA) học nhanh

            bradkim

            Học về cấu hình máy chủ MSA bằng Spring Cloud.

            Basic

            Basic

            Spring Cloud, MSA, eureka

            Nền tảng Spring Cloud cơ bản (MSA) học nhanhCourse Thumbnail

            Nền tảng Spring Cloud cơ bản (MSA) học nhanh

            bradkim

            Git/Github ứng dụng thực tế (feat. Giải quyết các tình huống xung đột khác nhau)Course Thumbnail

            Git/Github ứng dụng thực tế (feat. Giải quyết các tình huống xung đột khác nhau)

            bradkim

            Bạn sẽ học mọi kiến thức cơ bản về git/github, từ những điều cơ bản nhất đến các giải pháp và chiến lược thực tế cho các tình huống xung đột khác nhau có thể xảy ra trong thực tế.

            Beginner

            Beginner

            Git, GitHub, gitlab

            Git/Github ứng dụng thực tế (feat. Giải quyết các tình huống xung đột khác nhau)Course Thumbnail

            Git/Github ứng dụng thực tế (feat. Giải quyết các tình huống xung đột khác nhau)

            bradkim

            Dịch vụ trò chuyện WebSocket/STOMP (spring, vue, redis)Course Thumbnail

            Dịch vụ trò chuyện WebSocket/STOMP (spring, vue, redis)

            bradkim

            Chúng tôi sẽ phát triển dịch vụ trò chuyện bằng cách sử dụng web socket/stomp và springboot. Chúng tôi cũng sẽ cấu hình giao diện đơn giản thông qua vue.js, một framework tương đối dễ sử dụng. Chúng tôi sẽ cấu hình khả năng mở rộng đa máy chủ thông qua redis pub/sub.

            Basic

            Basic

            websocket, pubsub, Spring Boot

            Dịch vụ trò chuyện WebSocket/STOMP (spring, vue, redis)Course Thumbnail

            Dịch vụ trò chuyện WebSocket/STOMP (spring, vue, redis)

            bradkim

            Mọi thứ về MariaDB(MySQL) - Phần nâng caoCourse Thumbnail

            Mọi thứ về MariaDB(MySQL) - Phần nâng cao

            bradkim

            Bạn sẽ học mọi thứ về MariaDB (MySQL) mà một nhà phát triển cần biết, bao gồm người mới bắt đầu phát triển, nhà phát triển phần mềm phía sau, sinh viên chuẩn bị thi SQLD. Lớp học tập trung vào thực hành, trong đó bạn sẽ tự xây dựng cơ sở dữ liệu.

            Basic

            Basic

            MariaDB, MySQL, sql-join

            Mọi thứ về MariaDB(MySQL) - Phần nâng caoCourse Thumbnail

            Mọi thứ về MariaDB(MySQL) - Phần nâng cao

            bradkim

            Mọi thứ về MariaDB(MySQL) - Phần cơ bảnCourse Thumbnail

            Mọi thứ về MariaDB(MySQL) - Phần cơ bản

            bradkim

            Bạn sẽ học mọi thứ về MariaDB (MySQL) mà một nhà phát triển cần biết, bao gồm người mới bắt đầu phát triển, nhà phát triển phần mềm phía sau, sinh viên chuẩn bị thi SQLD. Lớp học tập trung vào thực hành, trong đó bạn sẽ tự xây dựng cơ sở dữ liệu.

            Beginner

            Beginner

            MariaDB, MySQL

            Mọi thứ về MariaDB(MySQL) - Phần cơ bảnCourse Thumbnail

            Mọi thứ về MariaDB(MySQL) - Phần cơ bản

            bradkim

            Kiến thức cơ bản về Linux (Ubuntu) mà nhà phát triển nên biếtCourse Thumbnail

            Kiến thức cơ bản về Linux (Ubuntu) mà nhà phát triển nên biết

            bradkim

            Tìm hiểu về các kiến thức Linux thiết yếu mà các nhà phát triển nên biết, ngay cả khi họ không phải là chuyên gia về DevOps hoặc Linux. Lớp học được tiến hành chủ yếu dựa trên thực hành cùng nhau.

            Beginner

            Beginner

            Linux, ubuntu, Shell Script

            Kiến thức cơ bản về Linux (Ubuntu) mà nhà phát triển nên biếtCourse Thumbnail

            Kiến thức cơ bản về Linux (Ubuntu) mà nhà phát triển nên biết

            bradkim

            似ている講座

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

            Bắt đầu với Vue 3Course Thumbnail

            Bắt đầu với Vue 3

            captain

            Đây là khóa học dành cho những người mới bắt đầu với phiên bản mới nhất của Vue.js là Vue 3. Hãy tìm hiểu về nguyên lý hoạt động của Vue.js cũng như các khái niệm cơ bản cần biết khi phát triển thực tế.

            Basic

            Basic

            Vue.js, Vue 3, JavaScript

            Bắt đầu với Vue 3Course Thumbnail

            Bắt đầu với Vue 3

            captain

            Vue 3 trung cấp - Composition APICourse Thumbnail

            Vue 3 trung cấp - Composition API

            captain

            Khóa học dễ dàng và chính xác nhất để học Vue Composition API, có thể sử dụng trên cả Vue 2 và Vue 3 mới nhất!

            Intermediate

            Intermediate

            Vue 3, Vue.js

            Vue 3 trung cấp - Composition APICourse Thumbnail

            Vue 3 trung cấp - Composition API

            captain

            Học Vue.js 3 qua các dự ánCourse Thumbnail

            Học Vue.js 3 qua các dự án

            kossiecoder

            Chúng tôi sẽ giúp bạn tìm hiểu cách sử dụng Vue.js 3 và áp dụng nó vào dự án của bạn.

            Basic

            Basic

            Vue.js, Vuex, Web Application

            Học Vue.js 3 qua các dự ánCourse Thumbnail

            Học Vue.js 3 qua các dự án

            kossiecoder

            Đặt nền tảng để cải thiện hiệu suất của nhà phát triển phần cuốiCourse Thumbnail

            Đặt nền tảng để cải thiện hiệu suất của nhà phát triển phần cuối

            incudev2

            Hãy cải thiện hiệu suất bằng cách tận dụng công nghệ cơ bản! Sau khi cải thiện, chúng tôi sẽ kiểm tra những thay đổi thông qua các công cụ kiểm tra tải và giám sát! Chúng tôi cũng cung cấp dịch vụ chuẩn bị phỏng vấn theo chủ đề!

            Basic

            Basic

            Java, Spring Boot, cache

            Đặt nền tảng để cải thiện hiệu suất của nhà phát triển phần cuốiCourse Thumbnail

            Đặt nền tảng để cải thiện hiệu suất của nhà phát triển phần cuối

            incudev2

            Cá heo cũng hiểu Spring Boot 3 + PostgreSQL 17Course Thumbnail

            Cá heo cũng hiểu Spring Boot 3 + PostgreSQL 17

            dackkuck

            Khóa học thực chiến để chinh phục Spring Boot 3 + PostgreSQL 17 + JPA + MyBatis + Spring Security trong một lần!

            Basic

            Basic

            Java, Spring Boot, JPA

            Cá heo cũng hiểu Spring Boot 3 + PostgreSQL 17Course Thumbnail

            Cá heo cũng hiểu Spring Boot 3 + PostgreSQL 17

            dackkuck

            Kết thúc với chỉ một khóa học này - 32 giờ phát triển web full-stack Spring chất lượng caoCourse Thumbnail

            Kết thúc với chỉ một khóa học này - 32 giờ phát triển web full-stack Spring chất lượng cao

            greencoding1234

            Cứ nghe thử đi. Năng lực giảng dạy, sức hút và chất lượng bài giảng khác hẳn.

            Beginner

            Beginner

            HTML/CSS, JavaScript, JSP

            Kết thúc với chỉ một khóa học này - 32 giờ phát triển web full-stack Spring chất lượng caoCourse Thumbnail

            Kết thúc với chỉ một khóa học này - 32 giờ phát triển web full-stack Spring chất lượng cao

            greencoding1234

            Giao tiếp mạng trên Web - Từ cơ bản đến HTTP, SSE, WebSocket và cả giao tiếp P2P WebRTCCourse Thumbnail

            Giao tiếp mạng trên Web - Từ cơ bản đến HTTP, SSE, WebSocket và cả giao tiếp P2P WebRTC

            sir24is

            Học về các kỹ thuật giao tiếp khác nhau và hiểu được sự khác biệt giữa chúng sẽ giúp bạn phát triển khả năng lựa chọn và triển khai phương thức giao tiếp phù hợp nhất.

            Beginner

            Beginner

            JavaScript, React, Java

            Giao tiếp mạng trên Web - Từ cơ bản đến HTTP, SSE, WebSocket và cả giao tiếp P2P WebRTCCourse Thumbnail

            Giao tiếp mạng trên Web - Từ cơ bản đến HTTP, SSE, WebSocket và cả giao tiếp P2P WebRTC

            sir24is

            Tạo trang tìm kiếm việc làm với Vue3 và SupabaseCourse Thumbnail

            Tạo trang tìm kiếm việc làm với Vue3 và Supabase

            Michael Kwon

            Từ việc phát triển ứng dụng đầy đủ của riêng bạn đến ứng dụng web tiến bộ (PWA)!

            Basic

            Basic

            Vue.js, PWA, supabase

            Tạo trang tìm kiếm việc làm với Vue3 và SupabaseCourse Thumbnail

            Tạo trang tìm kiếm việc làm với Vue3 và Supabase

            Michael Kwon

            Tạo game tiểu thuyết hình ảnh của riêng bạn chỉ trong một ngàyCourse Thumbnail

            Tạo game tiểu thuyết hình ảnh của riêng bạn chỉ trong một ngày

            Neo

            Hãy tạo game visual novel của riêng bạn thông qua React, Javascript, SpringAI, Springboot. Tôi sẽ hướng dẫn bạn cách tạo game visual novel trên nền web thông qua SpringAI và React!

            Basic

            Basic

            React, Spring Boot, AI

            Tạo game tiểu thuyết hình ảnh của riêng bạn chỉ trong một ngàyCourse Thumbnail

            Tạo game tiểu thuyết hình ảnh của riêng bạn chỉ trong một ngày

            Neo

            Học Springboot + NextJS RestAPI tạo bảng tin nhanh hơn ai hếtCourse Thumbnail

            Học Springboot + NextJS RestAPI tạo bảng tin nhanh hơn ai hết

            Neo

            Học Springboot + NextJS RestAPI tạo bảng tin nhanh hơn ai hết Phát triển server CRUD với Springboot và tạo bảng tin riêng của bạn bằng NextJS!

            Beginner

            Beginner

            Kotlin, Spring Boot, Next.js

            Học Springboot + NextJS RestAPI tạo bảng tin nhanh hơn ai hếtCourse Thumbnail

            Học Springboot + NextJS RestAPI tạo bảng tin nhanh hơn ai hết

            Neo

            The 10x AI-Native Developer: Cách tạo ra thành quả áp đảo bằng AI trong công ty

            dingcodingco

            AI giờ đây không còn là lựa chọn mà là vấn đề sinh tồn. Rút ngắn thời gian phát triển từ 3 ngày xuống còn 30 phút, giao những công việc lặp đi lặp lại cho AI và tập trung vào việc giải quyết những vấn đề quan trọng hơn. Với phương pháp phát triển AI native áp dụng ngay trong thực tế chứ không chỉ là lý thuyết, chúng tôi sẽ chỉ cho bạn cách chắc chắn để được công nhận là "nhà phát triển giỏi về AI" tại công ty.

            Basic

            Basic

            Spring Boot, Next.js, AI

            The 10x AI-Native Developer: Cách tạo ra thành quả áp đảo bằng AI trong công ty

            dingcodingco

            Hội thảo Cơ sở hạ tầng - Tạo ra một dịch vụ tốtCourse Thumbnail

            Hội thảo Cơ sở hạ tầng - Tạo ra một dịch vụ tốt

            brainbackdoor

            Tương tự như công việc thực tế, quá trình này diễn ra qua các giai đoạn xây dựng cơ sở hạ tầng và học tập, áp dụng những kiến ​​thức cần thiết.

            Basic

            Basic

            Network, Linux, Spring Boot

            Hội thảo Cơ sở hạ tầng - Tạo ra một dịch vụ tốtCourse Thumbnail

            Hội thảo Cơ sở hạ tầng - Tạo ra một dịch vụ tốt

            brainbackdoor

            Triển khai server học combo gà chỉ trong 1 giờCourse Thumbnail

            Triển khai server học combo gà chỉ trong 1 giờ

            Neo

            Hướng dẫn triển khai Spring Boot giá combo gà -> Triển khai với Docker -> Tìm hiểu quy trình phân phối theo thứ tự Github Action CI/CD.

            Basic

            Basic

            Spring Boot, github-actions, Docker

            Triển khai server học combo gà chỉ trong 1 giờCourse Thumbnail

            Triển khai server học combo gà chỉ trong 1 giờ

            Neo

            [Season 1] Spring AI Thực Chiến: Phát Triển AI Agent Đặt Chỗ PremiumCourse Thumbnail

            [Season 1] Spring AI Thực Chiến: Phát Triển AI Agent Đặt Chỗ Premium

            bitcocom

            Spring AI + JPA + MySQL을 활용한 'tự chủ hành động' Premium Reservation Agent Backend Development Vượt qua chatbot để trở thành agent: Tinh hoa của Tool Calling và Prompt Engineering

            Basic

            Basic

            Java, Spring Boot, backend

            [Season 1] Spring AI Thực Chiến: Phát Triển AI Agent Đặt Chỗ PremiumCourse Thumbnail

            [Season 1] Spring AI Thực Chiến: Phát Triển AI Agent Đặt Chỗ Premium

            bitcocom

            [Season 2] Spring AI Thực Chiến: Phát Triển Hệ Thống Multi AI AgentCourse Thumbnail

            [Season 2] Spring AI Thực Chiến: Phát Triển Hệ Thống Multi AI Agent

            bitcocom

            Xây dựng Đội ngũ Agent Chuyên gia 'Hợp tác Thông minh' sử dụng Spring AI Router Pattern + RAG + MCP Vượt qua Agent đơn lẻ đến Kiến trúc: Tiêu chuẩn thiết kế Router Pattern và Agent Isolation

            Basic

            Basic

            Spring Boot, RAG, AI Agent

            [Season 2] Spring AI Thực Chiến: Phát Triển Hệ Thống Multi AI AgentCourse Thumbnail

            [Season 2] Spring AI Thực Chiến: Phát Triển Hệ Thống Multi AI Agent

            bitcocom

            JOOQ ngoài đời thực! Gõ SQL an toàn với JavaCourse Thumbnail

            JOOQ ngoài đời thực! Gõ SQL an toàn với Java

            sdm32851630

            Trải nghiệm sức mạnh của Type Safe SQL thông qua jOOQ!

            Intermediate

            Intermediate

            Java, jooq, SQL

            JOOQ ngoài đời thực! Gõ SQL an toàn với JavaCourse Thumbnail

            JOOQ ngoài đời thực! Gõ SQL an toàn với Java

            sdm32851630

            SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWSCourse Thumbnail

            SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS

            ehtjd339667

            Khóa học tập trung vào portfolio về triển khai trực tiếp React frontend và SpringBoot backend lên AWS cloud! Đây là khóa học hữu ích cho những ai muốn nhanh chóng triển khai các dự án frontend và backend vào portfolio của mình! Bạn sẽ có thể thực hành từng bước trong thời gian ngắn các kiến thức cần thiết để triển khai, từ cấu hình server đến Docker, kết nối Domain, Nginx, áp dụng HTTPS!

            Basic

            Basic

            React, Java, AWS

            SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWSCourse Thumbnail

            SpringBoot & React Dự án Portfolio: Nhập môn Triển khai Thực tế với Dịch vụ AWS

            ehtjd339667

            Học cấp tốc xây dựng bảng tin Springboot + iOS RestAPICourse Thumbnail

            Học cấp tốc xây dựng bảng tin Springboot + iOS RestAPI

            Neo

            Học cấp tốc: Xây dựng bảng tin Springboot + iOS RestAPI Hãy phát triển máy chủ CRUD bằng Springboot và tạo bảng tin của riêng bạn với iOS!

            Beginner

            Beginner

            iOS, Kotlin, REST API

            Học cấp tốc xây dựng bảng tin Springboot + iOS RestAPICourse Thumbnail

            Học cấp tốc xây dựng bảng tin Springboot + iOS RestAPI

            Neo