0. 개요
-
facebook에서 공개
-
javascript 언어를 이용하여 ios/android 모바일 어플리케이션 개발
0.1 장점
-
쉬운 접근성(javascript)
-
비용 절감 : ios/android 따로 개발할 필요가 없다.
-
fast refresh : 해당 기능을 이용하여 코드 수정 후 즉각적으로 확인이 가능하다.
0.2 단점
-
네이티브 앱(swift, java) : 과의 성능 차이가 있다.
-
디버깅이 어렵다.
0.3 동작 방식
-
Bridge 라는 곳에서 javascript 와 native 간이 통신을 한다.
-
Virtual Dom 방식을 사용한다.
내용 변경 시 전체 Dom을 새로 그리는 것이 아닌 변경된 곳을 찾아서 해당 부분만 새로 그린다.
1. 프로젝트 시작
react-native cli 또는 expo 2가지를 이용하여 프로젝트를 시작할수 있다.
1.1 react-native cli 를 이용하여 시작
npx react-native init {프로젝트 이름}
npx react-native init {프로젝트 이름} --version x.xx.x
typescript 적용
npx react-native init {프로젝트 이름} --template react-native-template-typescript
1.2 expo 를 이용하여 시작
- 쉽게 개발하게끔 도와주는 개발 툴
- expo 버전이 따로 존재하여 react-native 신버전이 나오더라도 expo 버전업이 될때까지 기다려야 되는 단점이 존재한다.
npm install -g expo-cli
expo init {프로젝트 이름}
1.3 프로젝트 시작(expo)
- expo 사이트 회원가입
- cli 창에
expo login입력
(expo whoami입력시 기존 상태 확인이 가능하다.) - expo 아이디/비번 로그인
expo init my-first-expo- template 선택
(typescript 선택이 가능하다.)
2. 프로젝트 실행
npm start또는expo start- d 를 눌러 개발자 도구 열기
- cli 창서 옵션키를 확인
