개발 & IT 정보

현재 날짜 기준(2024.02.23)으로 작성된 글입니다. 버전이 다를 수 있는 점 참고 바랍니다. 이전 글 보러가기 👉 [React Native #01] React Native란 무엇일까 [React Native #01] React Native란 무엇일까 [React Native #01] 기초 React Native란? 네이티브 모바일 앱을 제작하기 위한 React 기능 기반의 오픈 소스 프레임워크 React 구성 요소와 동일한 API 구조를 사용 → React에 대한 사전지식이 있으면 유리하 jamjamtest.com [React Native #02] Expo 프로젝트 생성 1-1. Visual Studio Code 설치 Visual Studio Code는 국내에서 가장 많이 사용되고 있는 무료 코드..

목차 Expo Api 정리 (React Native) React Native 입문 단계에서 적용해본 API를 정리하는 글. 주의 : 간단하게 작성된 문서이므로 생략된 내용이 많음. Expo란? Expo는 React Native개발을 쉽게 만들어주는 개발 도구 별도의 Xcode나 Android Studio가 없어도 개발 가능 Expo SDK를 제공해주어 카메라, 위치, 알림 등의 다양한 기능을 제공 복잡한 빌드 배포를 생략하고 쉽고 간편하게 앱개발을 할 수 있게 하는 도구 Expo 설치 초기 환경 세팅 node 설치 Expo-cli 설치 homebrew 설치(mac) +watchman 설치(수정된 코드를 자동으로 적용해주는 Fast Refresh 도구) 휴대폰 앱 'Expo Go' 설치(안드로이드는 'Ex..

문제 로딩 화면 구현을 위해 expo-app-loading을 적용했는데, 에러 메시지가 나왔다. expo-app-loading is deprecated in favor of expo-splash-screen... expo-app-loading이 나오면서 더 이상 사용하지 않는 라이브러리라고 함. 삭제 후 현재 제공하고 있는 라이브러리를 적dyd해야 한다. 해결 1. expo-splash-screen install & import expo-splash-screen을 설치하고, import한다. npx expo install expo-splash-screen import * as SplashScreen from "expo-splash-screen"; 2. useEffect를 사용해 font가 load 되기 ..