React Native (7) 썸네일형 리스트형 Styles npm install prop-types 아이콘은 expo에 내장되어 있다. uigradients.com에서 다양한 gradient를 볼 수 있다. Weather 날씨정보는 openweathermap의 API 이용 가입하고 API key 탭에서 key를 하나 만든다 npm install axios 여기까지 하면 console에 날씨 정보가 표시된다! Location expo install expo-location 사용자 위치를 얻기 위해서는 getCurrentPositionAsync 함수 사용 이때 location 정보를 이용하기 위해서는 사용자 승인을 얻어야 한다. requestPermissionsAsync 함수 사용 Screen Flexbox div대신에 view를 쓴다. flex direction이 column이다. 두 개의 view가 둘다 flex:1 속성을 갖고 있으면 반반 나눈다. flex의 비율대로 적용된다. Reactive native 모바일 앱을 만드는 3가지 방법 1. fully native: Swift or objective-c로 ios 앱 만드는 것, Java or 코틀린 가지고 만드는 것, Xcode, Android App 만드는 것. 2. 앱 기반 웹뷰를 만드는 것 3. Reactive native: javascript를 iOS 또는 Android 엔진에 보내주는 것(브릿지가 필요하다) Setup nodeJS, NPM nodeJS 설치하면 NPM은 자동으로 깔림 expo: 안드로이드 스튜디오 없이 테스트 가능 npm install -g expo-cli expo init weather-app github에 repository 생성 git remote add origin https://github.com/wonjongRyu/weather-app git pull origin master npm start expo localhost 창이 뜨는데, QR 코드를 인식하면 실시간으로 폰에서 확인 가능 이때 LAN, Local 은 인식안되고 Tunnel만 됨 파일을 수정하고 저장하면 자동으로 반영됨 https://medium.com/@pks2974/react-native-%EC%82%BD%EC%A7%88%EA%.. 이전 1 다음
