~☆~ 우하하!!~ 개발블로그

[SpringBoot][소셜로그인] 정리. github 프로젝트 diary 본문

SpringBoot

[SpringBoot][소셜로그인] 정리. github 프로젝트 diary

iwoohaha 2024. 11. 28. 08:46
반응형

지금까지 5개의 소셜로그인을 이용한 로그인 및 회원가입 방법에 대해서 알아본 바 있다.

SpringBoot 프로젝트 소스는 github 에 공개해놨다. https://github.com/woohahaApps/diary

한 개의 포스트에서 각 소셜 로그인을 이용한 로그인 및 회원가입 방법에 대한 포스트 링크를 정리해두는게 좋을 것 같다.

 

Google

구글 개발자 센터에서 설정해야 할 내용 : https://iwoohaha.tistory.com/318

 

[소셜로그인] Google 계정을 연동하여 회원가입/로그인 하기 위해 Google Cloud 설정하기

웹서핑을 하다보면 회원가입이 필요한 사이트에서 Continue with Google 이라는 버튼을 본 적이 있을거다. "Continue with Google" 버튼을 클릭하면내가 로그인한 구글 계정이 표시되고 (만약 여러개라면

iwoohaha.tistory.com

SpringBoot 프로젝트 구현 내용

https://iwoohaha.tistory.com/320

 

[SpringBoot][소셜로그인] diary - Sign in with Google

Google Cloud 설정은 https://iwoohaha.tistory.com/318 포스트를 참고하자. 소셜 로그인/회원가입 기능은 OAuth 라는 기능을 사용하는 것이다.더보기OAuth :Open Authorization 즉, 제 3자 애플리케이션이 사용자의

iwoohaha.tistory.com

https://iwoohaha.tistory.com/334

 

[SpringBoot][소셜로그인] Google 로그인시 회원가입 로직 추가

https://iwoohaha.tistory.com/320 에서 Google 계정을 이용하여 로그인하는 과정을 살펴보았는데, 회원ID를 email 주소로 관리하고 있기 때문에 Google 로부터 전달받은 이메일 주소와 동일한 이메일 주소로

iwoohaha.tistory.com

 

Naver

Naver 개발자 센터에서 설정해야 할 내용 : https://iwoohaha.tistory.com/336

 

[소셜로그인] 소셜 로그인을 위한 네이버 개발자센터 설정

네이버 개발자센터 주소는 https://developers.naver.com 이다. 이곳에 방문하여 로그인한다.Application - 애플리케이션 등록 화면으로 이동한다.처음 애플리케이션을 등록하는 상황이라면 약관동의 화면

iwoohaha.tistory.com

SpringBoot 프로젝트 구현 내용

https://iwoohaha.tistory.com/337

 

[SpringBoot][소셜로그인] Naver 로그인 구현 (1차 시도)

일단, 제목에 1차 시도라고 굳이 밝히고 있는 이유는 Naver 계정을 이용한 로그인 구현이 완료될 수 없는 지경임을 확인했기 때문이다.이번 포스트에서는 Naver 계정으로 로그인하는 기본 절차만

iwoohaha.tistory.com

https://iwoohaha.tistory.com/338

 

[소셜로그인] 소셜 로그인을 위한 회원정보 테이블 구성

테이블 이름은 users컬럼 구성은 아래와 같다.생성 스크립트(PostgreSQL)CREATE TABLE public.users ( id serial NOT NULL, provider_user_id varchar(255) NOT NULL, provider varchar(50) NOT NULL, email varchar(255) NULL, name varchar(255) NUL

iwoohaha.tistory.com

https://iwoohaha.tistory.com/339

 

[SpringBoot][소셜로그인] 소셜 로그인 (Naver) 및 회원가입 절차 수정

[정리]diary 프로젝트가 이메일 주소와 패스워드를 이용한 회원가입 절차만으로 구성되어 있다가,구글 로그인 기능을 연동하면서 구글 계정을 이용한 회원가입 절차와 로그인 기능(https://iwoohaha.t

iwoohaha.tistory.com

 

Kakao

Kakao 개발자 센터에서 설정해야 할 내용https://iwoohaha.tistory.com/340

 

[소셜로그인] kakao 로그인 연동하기 위한 개발자센터 설정

kakao 로그인 연동하기 위해서 kakao 개발자 센터에서 해야 할 일이 있다.개발자 센터에 로그인한 후 상단의 내 애플리케이션 링크를 클릭하면 새로운 애플리케이션을 추가할 수 있다.애플리케이

iwoohaha.tistory.com

SpringBoot 프로젝트 구현 내용

https://iwoohaha.tistory.com/341

 

[SpringBoot][소셜로그인] kakao 소셜 로그인 기능 구현

https://iwoohaha.tistory.com/340 에서 kakao 개발자 센터에서 OAuth2 를 이용하기 위한 기본 설정을 마쳤다.SpringBoot 에서 kakao 가 제공하는 OAuth2 기능을 사용하기 위한 첫번째 단계로 application.yml 에 설정값

iwoohaha.tistory.com

 

Facebook

Facebook 개발자 센터에서 설정해야 할 내용 : https://iwoohaha.tistory.com/342

 

[소셜로그인] Facebook(Meta) 개발자 센터 - 소셜 로그인 설정

Facebook 개발자센터 (https://developers.facebook.com/) 에 방문한다.Meta for Developers 계정을 만든다.이메일 주소를 입력하고 이메일로 전송된 인증코드를 입력한다.앱 만들기 단계로 진입한다.앱 만들기 -

iwoohaha.tistory.com

SpringBoot 프로젝트 구현 내용 : https://iwoohaha.tistory.com/343

 

[SpringBoot][소셜로그인] Facebook 으로 로그인/회원가입

Facebook 계정으로 로그인을 구현하기 위해서 선행되어야 할 작업은 Facebook 개발자 센터에서 앱 설정 작업이다. 이 작업 내용은 https://iwoohaha.tistory.com/342 을 참고하면 된다.application.yml 에 기록해야

iwoohaha.tistory.com

 

Apple

Apple 개발자 센터에서 설정해야 할 내용 : https://iwoohaha.tistory.com/345

 

[소셜로그인] Apple 계정으로 로그인하기 구현을 위한 설정

Apple 계정으로 로그인하기를 구현하기 위해서는 Apple 개발자 계정을 보유하고 있어야 하는데, 이게 유료다. 무료로 사용할 수 있는 방법이 없다. 만약 Apple 계정으로 로그인하기 기능을 구현해보

iwoohaha.tistory.com

SpringBoot 프로젝트 구현 내용 : https://iwoohaha.tistory.com/346

 

[SpringBoot][소셜로그인] Apple 계정으로 로그인하기

이번에는 SpringBoot 프로젝트에서 Apple 계정으로 로그인하기를 구현해보려고 한다.Apple 에서 제공하는 Sign in with Apple (애플 계정으로 로그인) 기능을 사용하기 위해서는 애플 개발자 계정을 보유하

iwoohaha.tistory.com

 

[종합]

소셜로그인을 이용한 로그인/회원가입 기능을 구현하기 위해서는 회원정보 테이블의 구성이 일반적인 구조와는 달라야 한다.

소셜로그인 정보제공자에 따라 이메일 주소를 주지 않는 경우도 있고, Apple 은 회원 이름조차도 주지 않는다. 이런 점을 고려하여 회원정보 테이블을 구성해야 하며, 필요에 따라 사용자로부터 직접 그 값을 입력받아야 할 필요도 있다.

대부분 OAuth2 프로토콜을 사용하는 경우 인증절차가 대동소이하지만, Apple 만은 유독 그 흐름이 다르기 때문에 위 포스트가 좋은 경험이 될 것으로 생각한다.

 

 

 

반응형