FE (프론트)/react native
-
AsyncStorage 설치 npm i @react-native-async-storage/async-storage 활용 예 import AsyncStorage from "@react-native-async-storage/async-storage"; export default function Login({ navigation }) { ... const onLoginClick=async()=>{ try { const response = await axios.post("login 위한 url", { loginId: id, password:password, }, { headers: { Accept: 'application/json', "Content-Type": "application/json", } }); a..
[RN] axios로 accesstoken 받기, AsyncStorage로 로그인 상태 유지하기AsyncStorage 설치 npm i @react-native-async-storage/async-storage 활용 예 import AsyncStorage from "@react-native-async-storage/async-storage"; export default function Login({ navigation }) { ... const onLoginClick=async()=>{ try { const response = await axios.post("login 위한 url", { loginId: id, password:password, }, { headers: { Accept: 'application/json', "Content-Type": "application/json", } }); a..
2023.09.26 -
중앙정렬 (가로, 수평) alignItems: 'center' 중앙정렬 (세로, 수직) justifyContent: 'center' dropdown picker npm i react-native-dropdown-picker https://www.npmjs.com/package/react-native-dropdown-picker/v/2.1.2 react-native-dropdown-picker A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.. Latest versio..
[react native] style 요소 / dropdown picker중앙정렬 (가로, 수평) alignItems: 'center' 중앙정렬 (세로, 수직) justifyContent: 'center' dropdown picker npm i react-native-dropdown-picker https://www.npmjs.com/package/react-native-dropdown-picker/v/2.1.2 react-native-dropdown-picker A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.. Latest versio..
2023.08.06 -
View div 느낌 Text 모든 텍스트들은 Text로 감싸야함 StyleSheet css요소들을 실행해줌 const styles= StyleSheet.create({}); 이 안에 각각의 이름별 style 요소들 작성 const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#FFFCF8', alignItems: 'center', justifyContent: 'center', }, desc:{ fontSize:30, } }); NavigationContainer theme 만들기 https://velog.io/@mementomori/NavigationContainer-%EC%9D%B4%EC%9A%A9%ED%95%B4%EC%8..
[react native] 기본 문법 - View, Text, StyleSheet, ImageView div 느낌 Text 모든 텍스트들은 Text로 감싸야함 StyleSheet css요소들을 실행해줌 const styles= StyleSheet.create({}); 이 안에 각각의 이름별 style 요소들 작성 const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#FFFCF8', alignItems: 'center', justifyContent: 'center', }, desc:{ fontSize:30, } }); NavigationContainer theme 만들기 https://velog.io/@mementomori/NavigationContainer-%EC%9D%B4%EC%9A%A9%ED%95%B4%EC%8..
2023.07.30 -
초기 세팅 원하는 디렉토리로 이동후 npm install --global expo-cli 로 expo 설치 expo 설치후, expo init 프로젝트명 으로 프로젝트 이니셜라이징 나는 깃에 연결해논 디렉토리 안에 프로젝트를 생성하려 했더니, The directory gomaoom has files that might be overwritten: README.md Try using a new directory name, or moving these files. 이런 내용이 떴다 그래서 걍 리드미 파일 없애고 프로젝트 이니셜라이징함 template 고르라는 옵션이 뜨는데 그냥 맨위의 blank 옵션으로 엔터치기 글케 설치 완료후 vscode로 들가보면 이렇게 잘 뜹니다~ 서버 시작 npm start하면 e..
[react native] 초기 프로젝트 세팅 (expo)초기 세팅 원하는 디렉토리로 이동후 npm install --global expo-cli 로 expo 설치 expo 설치후, expo init 프로젝트명 으로 프로젝트 이니셜라이징 나는 깃에 연결해논 디렉토리 안에 프로젝트를 생성하려 했더니, The directory gomaoom has files that might be overwritten: README.md Try using a new directory name, or moving these files. 이런 내용이 떴다 그래서 걍 리드미 파일 없애고 프로젝트 이니셜라이징함 template 고르라는 옵션이 뜨는데 그냥 맨위의 blank 옵션으로 엔터치기 글케 설치 완료후 vscode로 들가보면 이렇게 잘 뜹니다~ 서버 시작 npm start하면 e..
2023.07.29 -
npm exited with non-zero code: 1 async-storage 설치중 발생하는 에러 (npm install --save @react-native-async-storage/async-storage, expo install ~~ 다 안됐음) 해결방법: yarn.lock 삭제 아래 링크에선 package.lock.json 삭제하라했는데 난 그파일 없었음 대신 yarn lock 있길래 그거 삭제하고 설치하니 잘됨 https://stackoverflow.com/questions/74621499/error-npm-exited-with-non-zero-code-1-expo-react-native Error npm exited with non-zero code: 1 expo React Native..
[react native] async-storage 오류 / build 오류 / run with web 방법npm exited with non-zero code: 1 async-storage 설치중 발생하는 에러 (npm install --save @react-native-async-storage/async-storage, expo install ~~ 다 안됐음) 해결방법: yarn.lock 삭제 아래 링크에선 package.lock.json 삭제하라했는데 난 그파일 없었음 대신 yarn lock 있길래 그거 삭제하고 설치하니 잘됨 https://stackoverflow.com/questions/74621499/error-npm-exited-with-non-zero-code-1-expo-react-native Error npm exited with non-zero code: 1 expo React Native..
2023.07.19