리액트 네이티브 (18) 썸네일형 리스트형 [인스타그램 클론코딩] 앱 회원가입 구조 인스타그램 클론코딩 웹과 달리 앱은 로그인, 회원가입, 인증코드 확인 화면이 각각 스택 네비게이션의 스크린으로 구성되어 있습니다. 그래서 인스타그램 클론코딩 웹보다는 코드 보기가 더 편합니다. 키보드가 나타날 때 컴포넌트들을 위로 올리는 방법은 있지만 그것이 중요한 것은 아니기 때문에 구현하지는 않았습니다. 로그인, 회원가입, 인증코드 확인 화면을 각각의 스크린으로 분리한 이유는 무엇인가요? 웹처럼 한 개의 화면에서 플래그(action)를 사용해 3종류의 화면을 표시하는 경우, 안드로이드 앱에서는 뒤로가기 버튼 한 번에 앱이 종료될 수 있기 때문입니다. 예를 들어, 회원 가입중에 소셜 로그인으로 전환하기 위해 뒤로가기 버튼을 누른 경우, 앱이 종료됩니다. 이 경우엔 회원가입 화면에서 뒤로가기 버튼을 누르.. [인스타그램 클론코딩] 앱 로그인 구조 [인스타그램 클론코딩] 웹 로그인 구조 포스트와 달리 앱에서는 Context를 사용하지 않았습니다. 왜 Context를 사용하지 않았나요? googleLogin 함수는 구글 로그인 버튼을 클릭했을 때 실행되는 핸들러입니다. import { Auth } from 'aws-amplify'; const googleLogin = async () => { const user = await Auth.federatedSignIn({provider: 'Google'}); console.log(user) // undefined } 그런데 user 출력해 보면 undefined라고 나옵니다. 왜일 까요? 웹에서는 이런 현상이 발생하지 않았습니다. 그래서 Auth.federatedSignIn 후에 AuthContext의 i.. 이전 1 2 3 다음
