목록개발 공부/React Native (9)
Just Do IT!
firebase 연동하기 지난주에는 asyncstorage를 이용했었다면, 이번에는 firebase를 연동해서 투두리스트를 만드는 강의를 들었다. 처음에는 뭔가 오류가 계속 났는데 공식 문서도 보고 오타도(ㅎ) 고쳐보니 잘 연동되고 신기한 경험이었다. 나중에 프로젝트 때도 유용할 것 같아서 블로그에도 미리 남겨둔다. firebase 설치하기 npm instsall firebase --save 터미널에 위 명령어 입력해서 react native 프로젝트에 firebase 패키지를 설치한다. firebase.js 파일 만들기 (firebase 연동) 미리 firebase에서 프로젝트를 생성하고 프로젝트를 생성함에 따라 나오는 SDK 설정을 연동해야 한다. // firebase.js import { initi..
AsyncStorage란? 암호화되지 않은 비동기적인 데이터를 관리하는 Key-Value 시스템 앱 전역에서 사용 가능하며 LocalStorage 대신에 사용해야 한다 앱이 다운되더라도 기존 저장된 변수 및 세팅 사항들이 보존된다 키-값 형태로 보관됨에 있어 저장되는 값은 무조건 문자열로 취급되어야한다 저장할때 JSON.stringfy() 사용 가져올때 JSON.parse() 사용 비동기 처리를 위하여 async/await과 에러 핸들링을 위해 try-catch 문을 써준다. key 값이 공백 또는 null 일 때에는 error를 throw 해주고, value 가 존재하지 않는다면 null을 반환하도록 한다. Install npm install @react-native-async-storage/async..
Expo란? 리엑트 네이티브로 하는 개발을 쉽게 할 수 있게 해준다. 리엑트 네이티브를 위한 set-up이 미리 구성되어있다. native 파일들을 사용자에게서 숨겨놓고, 알아서 관리해주는 툴 Expo의 장점 Expo는 개발 시작하기가 간편하다. 리액트 네이티브를 위한 set up이 미리 구성되어있기 때문이다. Expo는 배포하기가 매우 편하다. 처음 배포 후, 업데이트 버전은, Expo에 publish만 해주면, Expo가 알아서 업데이트 해준다. Expo의 단점 Native 코드 수정은 불가능 Expo에서 제공하는 API만 사용가능하다. 필요한 기능이 없을 경우, 모듈을 만들어 사용할 수 없다. Expo로 React-Native 프로젝트 생성하기 계정 생성하기 (https://expo.dev/sign..