0053. 실전 FE 개발 배우기10 - Redux, Config, Encrypted Storage, AsyncStorage, Store, Reducer, Slicer, Action, Dispatch
섹션 2. 서버 API와 연동하기 5강. Redux, Config, EncryptedStorage, AsyncStorage의 차이 앱을 껐다 켜도 저장되는 저장공간을 써야 함 npm install @react-native-async-storage/async-storage AsyncStorage는 암호화되지 않아서 누구나 값을 열어볼 수 있다. 그래서 보안에 민감하지 않은 데이터만 넣어 두어야 한다. 보안에 신경 써야 하는 값들(비밀번호, 개인정보 등)은 EncryptedStorage에 저장해야 한다. npm i react-native-encrypted-storage 라이브러리 설치 그래서 어디에 데이터를 저장할지 상황에 맞게 채택해야 한다. Redux : 앱이 꺼지면 날아감, 불러오기 등의 성능은 제일 ..
2024. 2. 6.
0050. 실전 FE 개발 배우기7 - 로그인 화면 만들기, TextInput의 다양한 옵션 사용하기(Feat. 진짜 개발 시작!)
섹션 1. 리액트 네비게이션 3강. 로그인 화면 만들기 칠드런이 하나만 오는 때가 생기는데, 그때는 Tab.Group을 사용해서 묶어주면 된다. 이렇게 프레그먼트로 묶어주는 것과 같은 이치다. 이렇게 쓰고 이메일을 입력하라는 부분을 누르면 키보드가 올라온다. TextInput을 썼기 때문 알림을 뜨게 만드는 Alert.alert 이제 꾸미기만 하면 된다. import React, { useCallback, useState } from "react"; import { Alert, Pressable, StyleSheet, Text, TextInput, View } from "react-native"; function SignIn() { const [email, setEmail] = useState(''); ..
2024. 1. 25.
