rn

오늘은 카카오 로그인 구현 경험에 대해 작성하겠다.카카오 로그인 구현은 아래 링크를 참고하여 구현하였다.https://github.com/crossplatformkorea/react-native-kakao-login GitHub - crossplatformkorea/react-native-kakao-login: react-native native module for Kakao sign in.react-native native module for Kakao sign in. Contribute to crossplatformkorea/react-native-kakao-login development by creating an account on GitHub.github.com 1. 카카오 Developer 계..

오늘은 위 사진처럼 주소의 일부 입력 시 유사 주소가 나오며 주소를 검색할 수 있는 방법에 대해서 작성해 보겠다.개발 순서는 이렇다.  1. 카카오 REST API  호출 //지역 검색 API 호출 const companyLocationGet = async () => { const url = `https://dapi.kakao.com/v2/local/search/address.json?query=${searchedLocation}&analyze_type=similar&page=1&size=30`; const headers = { Authorization: 'KakaoAK ${REST_API_KEY}', 'Content-Type': 'application/json;charse..

오늘은 이메일 인증번호 컴포넌트 및 타이머를 구현할 것이다. [React Native] 회원 가입 시 이메일 유효성 검사 및 검증 여부에 따른 메세지 보여주기 오늘은 위 사진과 같이 총 4가지를 개발해 보았다. 1. 이메일 유효성 검증 2. 검증 여부에 따른 메세지 , 메세지 색상 및 아이콘 표시 3. 이메일 유효성 검증이 완료되어야 버튼 활성화 4. 이메일 중 k-oyun.tistory.com 위 링크에서처럼 이메일 유효성 검증과 중복확인이 끝나면 이메일 인증 컴포넌트가 나타나도록 구현해 보겠다. 1. 인증번호 확인 및 메세지 저장을 위한 state를 작성한다. //text input이 눌렸는지 const [verifyIsPress, setVerifyIsPress] = useState(false); /..

오늘은 위 사진과 같이 총 4가지를 개발해 보았다. 1. 이메일 유효성 검증 2. 검증 여부에 따른 메세지 , 메세지 색상 및 아이콘 표시 3. 이메일 유효성 검증이 완료되어야 버튼 활성화 4. 이메일 중복 확인 및 중복 확인에 따른 메세지, 메세지 색상 및 아이콘 표시 1. 이메일 유효성 검사 및 메세지 저장을 위한 state를 작성한다. // 입력 받는 이메일 저장 const [email, setEmail] = useState(''); // text input이 눌렸는지 const [EmailisPress, setEmailIsPress] = useState(false); // 이메일 validation 검증 const [isEmailCheck, setIsEmailCheck] = useState(fal..