본문 바로가기

WebView3

[expo] 10. expo로 앱 만들기 - 카카오 로그인 - 2 안녕하세요 프시케입니다. 이번 포스팅은 저번 포스팅에 이어 카카오 로그인 구현입니다. 카카오 로그인을 구현하기위해 Terminal에서 해당 라이브러리를 설치해줍니다. npx expo install react-native-webview npm install axios npx expo install @react-native-async-storage/async-storage 라이브러리의 설치가 끝나고 expo를 실행시켜주고 W를 눌러 web도 열어줍니다. npx expo start -> w 로그인 화면에서 카카오 로그인 버튼 클릭 시 카카오 화면으로 이동하게 되고 카카오 화면에서 WebView를 열어 kakao 로그인을 진행하는 방식입니다. 먼저 로그인 화면의 코드를 보면 카카오 화면으로 바로 이동하게 됩니다.. 2023. 4. 15.
[expo] 9. expo로 앱 만들기 - 카카오 로그인 - 1 안녕하세요 프시케입니다. 이번 포스팅은 카카오 로그인 구현입니다. 카카오 로그인을 구현하기위해선 먼저 kakao developers에 애플리케이션을 추가해야합니다. 아래의 URL에 접속하고 로그인을 진행합니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 다음으로 내 애플리케이션을 선택하고 애플리케이션 추가하기를 선택합니다. 다음으로 앱 이름과 사업자명을 입력하고 운영정책에 체크한 다음 저장을 눌러줍니다. 생성된 애플리케이션을 선택하면 요약정보 창이 나오게됩니다. 여기서 필요한건 REST .. 2023. 4. 15.
expo REST API를 이용한 카카오 로그인 오류 expo로 REST API를 이용하여 카카오 로그인을 만드는 과정에서 WebVeiw를 통해 정상적으로 카카오 로그인을 하면 아래의 화면이 나온다면 Redirect URI 설정이 잘못되어 있습니다. 2023. 4. 11.