코딩브론즈

실행 후 나온 QR 코드를 Expo앱을 열어 스캔하면 앱을 동작시킬 수 있다. 가끔 Expo connection 문제가 있기 때문에 접속하는 기기들이 같은 wi-fi에 연결되어있는지 확인하자. wi-fi를 끄고 5G에 연결하고 QR 스캔을 해보니 다음과같은 결과가 나왔다. ...그냥 맘편히 같은 wi-fi에서 접속하자. 이제 많은 앱 개발자들이 사랑하는 Expo의 좋은점 2가지를 볼것이다. 1. live reloading : 저장 시 자동 refresh Text를 바꾸고 저장을 하면 이렇게 Expo가 전체 Application을 reload한다. 스플레시 스크린이 잠깐 보이고 애플리케이션이 나타날것이다. 만약 수동으로 새로고침을 하고 싶다면 시뮬레이터로 가서 ctrl + R 을 누르면 된다. 스마트폰을 ..

원하는 경로로 가서 다음 명령어를 입력한다. expo init {프로젝트 명} 프로젝트 명은 "weather_app_2021" 이라고 했다. 입력하면 위와 같이 선택지가 나온다. 1. blank : 비어있는 템플릿. 2. tabs : react-navigation을 통해 몇몇의 예시 화면과 탭들이 만들어져있는 템플릿. blank로 하자. documents에 가면 app이 생성되었을 것이다. 이제 github에 repository를 만들자. 이제 프로젝트로 가져오자. git remote add origin [repository 주소] git pull oringin main --allow-unrelated-histories 프로젝트는 다음과같은 파일들이 있다. app.json 은 configuration 파..

React Native를 개발하는 방법은 2개가 있다. 1. Expo CLI 2. React Native CLI Expo는 기본적으로 create-react-app과 같은거다. react native를 위한 설정 파일같은 것들이 없는 방식으로, 모든것이 셋업이 되어있다. React Native CLI는 react native를 수동으로 작업하고 싶을때 사용한다. 필요한 기능이 있는 경우 모듈을 직접 만들어 사용할 수 있지만, 초기 구성이 오래걸리고 배포도 불편하다. => native files 를 더 많이 컨트롤하고 싶을때 쓴다. 다시 Expo. Expo는 모든 native files들을 숨기고, 모든걸 관리한다. 가장 큰 장점은 나의 휴대폰으로 앱을 테스트할 수 있다는 것이다. (React Native..

React Native로 날씨앱 만들기 리액트와 결합된 자바스크립트, Expo를 이용한다. 스마트폰의 geolocation에 접근해서, api에 보낸 후 날씨에 따라, 이쁜 스크린을 덮을예정. - 아이콘을 가지고 어떻게 작업하는지, - 레이아웃 시스템, - 현재위치를 갖고 어떻게 작동하는지, - 데이터와 어떻게 작업하는지 를 배울것이다. 결과물 : ios & 안드로이드 앱 - 스마트폰에서 test 가능 요구사항 : JavaScript, React. Java, Swift, Kotlin,Objective-C 등은 몰라도 됨. 설치 1. Node.js (버전10 이상) nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 Ja..