개발/expo13 [expo] 12. expo로 앱 만들기 - asyncStorage 정보 가져오기 안녕하세요 프시케입니다. 이번 포스팅은 저번 포스팅에 이어 다른 화면에서 접근 토큰을 asyncStorage에 가져오기입니다. 회원가입 화면에서 코드를 만들어 보았습니다. signup.js 전체 코드입니다. import React, { useEffect } from "react"; import { View, Text, StyleSheet, TouchableOpacity } from "react-native"; import { useNavigation } from "@react-navigation/native"; import AsyncStorage from '@react-native-async-storage/async-storage'; const Signup = () => { const navigation.. 2023. 4. 15. [expo] 11. expo로 앱 만들기 - 카카오 로그인 - 3 안녕하세요 프시케입니다. 이번 포스팅은 저번 포스팅에 이어 접근 토큰으로 동의 항목의 정보와 접근 토큰을 asyncStorage에 넣고 카카오 로그인 종료 후 회원가입 화면으로 이동하는 기능을 만들어 보겠습니다. 먼저 지난 kakaoLogin.js 코드에서 AccessToken을 console.log로 찍어보았습니다. 이 AccessToken으로 동의 항목의 정보 조회는 아래의 코드와 같습니다. 해당 정보들을 console.log로 찍어보면 정상적으로 나오는 걸 확인할 수 있습니다. 이제 정보 조회 함수를 삭제하고(다음에 사용) 접근 토큰을 asyncStorage에 넣어보겠습니다. 다음은 kakaoLogin.js의 전체 코드로 카카오 로그인 후 회원가입 화면으로 이동하는 navigation을 추가하였습니.. 2023. 4. 15. [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. 이전 1 2 3 4 다음
