React Native 시작하기

리액트 네이티브를 시작하려면 제일 먼저 뭘 해야할까?

맥북먼저 사는게 우선이다 ㅎㅎ;; 아시다시피 하나의 소스로 안드로이드와 ios 모두 개발 가능하기 때문에

React Native의 장점을 활용하기 위해서는 맥북이 필요하다.

윈도우에서도 안드로이드용으로 개발 가능하지만 개발하면서 뭔가 계속 걸리는 부분들이 많다(캐쉬 문제 등)

맥북을 샀으면 프로젝트를 시작해보자.

아래를 보고 따라하면 되지만 대충 설명해보겠다. ㅎ

https://facebook.github.io/react-native/docs/getting-started

React Native · A framework for building native apps using React

개발 방식에는 Expo CLI 방식(Expo 앱내 실행)과 React Native CLI 방식이 있는데 난 React Native CLI 방식을 선호한다.

최근 이슈화된 안드로이드 64비트 이슈도 Expo는 아직 대응하기 전인 듯 하다.

(2019년 8월 1일부터 마켓 배포시 64비트도 지원 가능하게 개발해야함)

React Native 0.59버전이상부터는 64비트도 지원하기 때문에 개발하려면 꼭 0.59버전 이상버전으로 개발해야 추후 마켓 배포가 가능하다.

( 최근에 이것때문에 버전업까지 했어요 ㅠ.ㅠ;;) 

IDE로는 VS code를 사용하자 무료임에도 다양한 기능을 추가할수 있다.

visual studio code 설치
https://code.visualstudio.com/
 

자 이제 시작해 볼까? nodejs 설치가 필요하다.

https://nodejs.org/en/.  lts버전

Node.js

설치는 뭐 클릭만 하면 되니깐;; 아마 맥북에는 기본으로 설치되어 있을 것이다.

다음으로 안드로이드 스튜디오를 설치하자

https://developer.android.com/studio
 

그다음 맥북 터미널에서  npm install -g react-native-cli 명령을 실행하자

( 전역으로 react-native-cli를 사용할수 있도록 설치하는 과정)

설치가 완료되었으면 이제 거의 끝났다.

터미널을 열고 내가 원하는 workspace 폴더로 이동후  react-native init 프로젝트명 을 쳐보자 ex) react-native init myProject

이 명령어로 정말 간편하게 개발할수 있는 환경을이 만들어진다.

다 끝났으면 생성된 프로젝트로 이동후 안드로이드 폰을 연결한 뒤  react-native run-android라고 쳐보자

아래와 같이 뜨면 성공! 벌써 나만의 앱이 만들어진 것이다.(아이폰 사용자는 xcode로 내가만든 프로젝트 >  ios로 이동후 실행시켜보자.)

안드로이드도 그렇고 특히 아이폰 앱 개발시 로직개발 보다는 화면 레이아웃을 그릴때 더많은 노력이 소요된다.

React Native 를 써보니 레이아웃을 웹페이지 그리듯이 너무 쉽게 그릴수 있어 많은 시간이 단축되는 걸 느꼈다.

이제 시작을 끊었으니 다음시간에는 다양한 컴포넌트와 레이아웃 사용 개념에 대해 설명하겠다~