날씨를 알려주는 어플을 만들 것인데, 크게 2개의 기능이 필요하다. 1. 현재 gps 정보를 읽을 수 있어야한다. -> GeoFencing 을 이용한다. 2. 현재 날씨를 알 수 있어야한다. -> 전세계 날씨를 알려주는 웹 서버의 API 를 활용할 것이다. GeoFencing을 이용할 것인데, 특이한점은 GeoFencing 은 React native 에서는 제공하지 않는 컴포넌트라는 것이다. React native 에서는 GeoLocation 이라는 것으로 gps 정보를 제공하는데, GeoLocation 은 기능이 몇개 없다. GeoFencing 은 Expo 에서 제공하는 location component 중 하나이다. 만약 사용자가 특정 지역을 이탈하거나 다른 지역에 들어갔을 때 어떻게 하라는 명령을 ..

React native 에서의 CSS extension //... const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, }); //... * fontSize 의 경우 pixel 으로 적용할 것이라면 "20px" 과 같이 작성해야하고 일반 숫자로도 적용할 수 있다. 이 경우 Size 는 알아서 변환이된다. (dpi 일 듯) * CSS 를 적용할 때 spread operator 를 사용하여 하나의 오브젝트로 넘기면 두개이상의 CSS 를 여러개 적용 시킬 수 있다. (ex. ) 주목해볼 만한 CSS extension속성 flex..

강의 출처 React native nodeJS 10버전 이상 npm 6버전 이상 expo Expo create-react-app 처럼 리액트 네이티브 프로젝트를 자동으로 설정하여 생성해준다. 시뮬레이터 없이 실제 핸드폰에서 앱을 돌릴 수 있도록 한다. Expo 의 장점 React native file 을 숨겨줘서 신경쓰지 않아도 되도록 도와준다. React native file 이 지원하지 않는 다른 추가 기능도 들어가있다. React native file 을 직접 제어하고 싶다면 React native cli 를 사용하면 된다. Build process 를 제어해준다. (Window 에서 IOS 앱을 생성할 수 있다.) live reloading : 저장한 내용을 Simulator 에서 바로 반영해준다..