SNS 로그인

SNS 로그인은 사용자가 'XXX 로그인' 또는 'XXX으로 로그인' 버튼을 눌러 서비스에 로그인할 수 있는 기능을 말합니다. 

오늘은 SNS 로그인 종류를 제가 아는대로 작성해보려고 합니다. 

 

카카오 로그인 

• 카카오 개발자 사이트 : https://developers.kakao.com/docs/latest/ko/kakaologin/common
• 카카오 로그인 버튼 : https://developers.kakao.com/tool/resource/login

 

 

네이버 아이디로 로그인 

• 네이버 개발자 사이트 : https://developers.naver.com/docs/login/overview/
• 네이버 아이디로 로그인 버튼 : https://developers.naver.com/docs/login/bi/

 

 

페이스북으로 로그인 

• 페이스북 개발자 사이트 : https://developers.facebook.com/docs/facebook-login
• 페이스북 로그인 버튼 : https://developers.facebook.com/docs/facebook-login/userexperience

 

 

구글 로그인

• 구글 ID 플랫폼 : https://developers.google.com/identity/choose-auth?hl=ko
• 구글 로그인 버튼 : https://developers.google.com/identity/branding-guidelines?hl=ko

 

 

 

Apple로 로그인

• iOS 13이상 버전부터 제공되는 SNS 로그인. iOS에 타사 SNS로그인이 있을 경우 무조건 Apple 로그인은 필수.  없을 경우 iOS 검수 통과가 안되겠지요.
• 로그인 페이지에 스크롤없이 바로 보여져야 함. (스크롤이 생겨서 Apple로 로그인이 안보이면 안된다고 들었으니, 다른 SNS와 순서를 생각할 필요가 있어요. )
• Apple로 로그인 버튼 디자인 정책을 꼭 확인 필요. 참고로 한국어 문구는 'Apple로 로그인' 이며, Sign with Apple로 표기해야 함. ('애플 로그인', Apple 로그인 등과 같은 문구는 안되는 걸로 알고 있습니다. 저희 회사는 Apple로 로그인으로 인해 SNS 로그인 버튼 문구를 모조리 바꾸었습니다.)
• 애플 개발자 사이트 : https://developer.apple.com/kr/sign-in-with-apple/get-started/
• Apple로 로그인 버튼 : https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/introduction/

 

 

 

 

 

 

라인 로그인

• 라인 개발자 사이트 : https://developers.line.biz/en/services/line-login/
• 라인 로그인 버튼 : https://developers.line.biz/en/docs/line-login/login-button/#design-guidelines

 

 

 

 

참고로 영문 문구가 회사마다 다르다는 걸 알 수 있을 거예요. Sign in with ~, Login with ~, Log in with ~ 이 점도 살펴보세요. 한국에서만 서비스한다면 사실 그냥 통일하면 되지만요. 다국어 언어를 지원하는 앱은 통일성이 필요할 것 같아요. 

 

한국에서는 이정도면 될 것 같은데, 사실 네이버와 카카오 로그인은 아직 회사 제품에 붙여보지 못했다. 다음 시간에는 SNS 로그인을 사용하는 인증 방식인 OAuth 2.0에 대해서 정리를 해봐야 겠습니다.