리액트 SNS 로그인 기능 개발하기

회사에서 SNS 로그인 기능을 담당하기로 했다.

근 2주간 SNS 로그인 기능을 개발하였고, 어느정도 마무리가 되어가는 과정이기에 추후에 또 사용하기 위하여 글을 기술하려고 한다.

 

적용한 SNS 로그인은 카카오(kakao), 네이버(naver), 구글(google), 애플(apple) 이다.

물론 좋은 로그인 라이브러리도 많았지만, 라이브러리 없이 개발을 하였다.

 

Front : react 

Language : javascript

Back : spring boot

Language: java 11

 

카카오부터 시작하여 네이버, 구글 애플까지 개발하면서 거친 과정을 기술하려고 합니다.

 

로직은 비슷합니다.

사용자가 로그인하였을때 SNS에서 제공하는 1회성 코드를 받습니다.

 

그 코드를 가지고, SNS API를 호출해서 id_token을 가져오고, 그 id_token 으로 사용자의 이메일과 그 외 동의한 조건에 대한 정보를 가져옵니다.