thumbnail
[React-Native] 카카오 로그인 구현하기
프론트엔드 스터디
2023.12.17.

1. WebView 개발 시 소셜 로그인을 어디다 구현할까?

앱 내에 구현하는 것을 추천한다.

로그인 로직을 앱에서 구현할 수도 있고, 웹뷰에서 호출할 웹페이지 안에 구현할 수도 있을 것이다. 하지만 웹뷰 서비스를 리액트 네이티브를 사용하여 개발해본 경험으로서는 앱 안에 구현하는 것을 추천해주고 싶다.

1. 첫번째 이유 - 카카오 로그인은 웹 안에서 구현할 수 없다. 모바일 환경에서

물론 PC 브라우저로 잡코리아나 인프런 같은 사이트에서 카카오 로그인이 구현되어 있기 때문에 웹에서 구현할 수 없다는 게 무슨 소리일까 싶을 것이다. 정확하게는 카카오 로그인을 Javascript SDK 방식으로 연동하려면 앱 안에서 구현해놔야 한다는 것이다.

  • Javascript SDK 방식에서 로그인을 시도하면 카카오톡 앱을 찾아서 로그인 정보를 불러오게 되어있다. 따라서 유저가 카카오 로그인 페이지에서 아이디, 패스워드를 입력할 필요가 없어서 대부분의 앱은 이 방식을 채택할 것이다. 웹뷰 안에서 카카오 로그인을 구현하면 안드로이드 운영체제에서는 카카오톡 앱을 찾지 못한다.

웹뷰 방식으로 앱을 직접 개발해본 경험으로는 IOS에서는 카카오톡 앱을 찾아서 로그인 정보를 가져온다.

2. 두번째 이유 - 앱에 최소한의 기능을 구현해야 한다.

내가 들은 바로는 앱 - 웹뷰 방식으로 앱을 개발할 때, 앱을 웹을 불러오기 위한 용도로만 쓰는 껍데기로만 앱스토어에 올리게 되면 심사에서 리젝(reject) 당할 수 있다는 얘기를 들은 적이 있다. 난 이걸 공식 페이지에서 본 것은 아니고 프로젝트를 진행하던 도중 기획자 분께 들은 내용이다.

2. 카카오 로그인 사전준비 - 카카오 디벨로퍼 페이지에서 해야할 작업

먼저 https://developers.kakao.com/console/app 로 이동하여 앱을 추가한다. 그러면 애플리케이션 페이지가 생성된다.

좌측 메뉴 사이드바에서 플랫폼을 클릭하면 Android, iOS 정보를 입력하는 영역이 보일 것이다.

Thank You for Visiting My Blog, Have a Good Day 😆
© 2021 Developer Hyun, Powered By Gatsby.