본문 바로가기

프로젝트/미니 프로젝트

OAuth 2.0 인프런 사이트 소셜 회원가입 분석

최근에 소셜(SNS) 로그인및 회원가입 에 대한 공부를 진행하고 있는데 해당 소셜 로그인에 따른 순서를 분석하기 위해 인프런 사이트에서 회원가입 파트에 대한 분석을 간단하게 해보았다.

 

 

인프런 - 프로가 되는 온라인 클래스 | 온라인 강의 플랫폼

프로그래밍, 인공지능, 데이터, 마케팅, 디자인, 엑셀 실무 등 입문부터 실전까지 업계 최고 선배들에게 배울 수 있는 곳. 우리는 성장 기회의 평등을 추구합니다....

www.inflearn.com

 

인프런 회원가입에 들어가보면 기본적인 회원가입 양식과, 각 소셜 버튼이 나열되어 있다. 

인프런의 기본 회원가입

 

전체적인 흐름 

소셜 회원가입

소셜 버튼 클릭 -> 소셜 사이트에서 인증및 인가 진행 ->
승인시 인가 받은 소셜 데이터로부터 email 정보 가져오기
(이메일 정보가 없으면 이메일 정보 추가 입력 후 이메일로 인증 진행) 
-> 기존에 가입된 이메일이 있으면 소셜 연동 진행(없으면 회원가입 완료) -> 해당 이메일로 회원가입 완료 

 

 

 

 

 

 

 

 

 

 

 

 

카카오 버튼  클릭시

카카오로 회원가입 진행 

구글 버튼  클릭시

구글로 회원가입 진행 

페이스북 버튼  클릭시

페이스북 회원가입 진행 

 

소셜 인증이 되고 난 후 해당 소셜에서 이메일 정보가 없는 경우

 

기본적으로 소셜 버튼 -> 소셜 로그인 -> 권한 위임 동의 -> 소셜 아이디로 부터 이메일 정보 받아오기 -> 해당 이메일로  회원가입 순서다. 

 

하지만 소셜에서 이메일 정보가 없는 경우도 있다 (GitHub, facebook 등)

 

위와 같이 이메일 정보가 없는 경우에서는 이메일 정보를 직접 입력하고 -> 인증 메일을 통해 이메일 인증을 받고 나서 회원가입 인증을 진행한다.

 

이미 가입된 아이디에 소셜 연동을 진행하는 경우

  1. 소셜 정보에 이메일이 있는 경우
    바로 회원가입이 완료된다. 
  2. 소셜 정보에 이메일이 없는 경우
    기존 계정에 대한 비밀번호를 입력해서 소셜 연동을 진행시켜 준다.