2019년 11월 9일 토요일

react native 기본 예제 따라하기 1-1

1. react native cli에서 expo-cli를 사용하기로 함

react native cli는 자바스크립트 말고도 네이트브 언어를 사용할 수 있다. 근데 어차피 지금 상황에서는 java나 object C를 사용할 계획이 없기 때문에 expo-cli를 사용하기로함

2. expo-cli 설치

npm install expo-cli --global
expo init <project name>
cd project name
expo start

이렇게 생성하고 실행하면 웹페이지가 로딩된다.
여기서 run on Android device/emulator 또는 run on IOS simulator를 클릭하면 된다.
스마트폰을 컴퓨터에 연결하고 각자 os에 맞게 실행


3. 후기

react native cli를 세팅할 때는 안되는 것도 많고 시간이 좀 걸렸는데 expo-cli는 상대적으로 쉽게 환경세팅 및 실행할 수 있었다. 저번에 예제로 연습했던 js파일들을 그대로 가지고 와서 실행했는데 잘 실행됨.

flutter 기본 개념 1

  Scaffold  - 화면 뼈대 역할  - 기본적으로 AppBar body floatingActionButton 같은걸 배치해줌  return Scaffold (       appBar : AppBar ( title : const Text ...