뚝딱뚝딱 코딩 기록_

[React Native_ NetInfo] 네트워크 연결을 확인하는 방법에 대해 알아보자 1. 라이브러리 설치 expo install '@react-native-community/netinfo' 2. 인터넷 연결 여부 확인 (재사용 가능) `````` import NetInfo from '@react-native-community/netinfo'; `````` const unsubscribe = NetInfo.addEventListener(state => { console.log(state.isConnected); return (state.isConnected); }); unsubscribe(); 💡 state.isConnected : boolean (true / false) 💡 state.type : ..

[React Native_ Onboarding Screen] 온보딩 화면 만드는 방법에 대해 알아보자 ❓ 온보딩 화면 (Onboarding Screen) 💡 온보딩 화면이란 어플을 처음 설치한 후 실행했을 때 한 번만 나오는 화면을 말한다. 💡 어플 사용법 등의 내용이 간단하게 들어간다. 💡 어플을 처음 실행했는지 여부를 state에 업데이트하고 Local Storage에 저장한다. 1. 라이브러리 설치 yarn add @react-native-async-storage/async-storage yarn add react-native-pager-view or npm install @react-native-async-storage/async-storage npm install react-native-page..

[React Native_expo-image-picker] 갤러리에서 사진 가져오는 방법에 대해 알아보자 1. ImagePicker 설치하기 expo install expo-image-picker 2. 접근 권한 허용 const [galleryPermission, setGalleryPermission] = ImagePicker.useMediaLibraryPermissions(); // 권한이 없는경우 허용 여부 요청 if (!galleryPermission?.granted) { const permission = setGalleryPermission(); // 허용하지 않는 경우 종료 if(!permission.granted) { return null; } }; 💡 useMediaLibraryPermiss..