ReactNative를 사용하려면 js,html,css의 프론트엔드 3요소와 vue를 이해해야한다.
하지만 여기서는 위의 요소들을 알려주지 않기 때문에 필요할 때 찾아서 보기를 바란다.
참고:
요즘 프론트엔드 기술이 핫하다. 그 이유는 frontend기술을 웹에만 적용하는게 아니라 모바일에 적용하는 기술이 계속해서 증대되고 있기 때문이다.
이 frontend를 이용해서 앱을 만들 수 없을까 해서 만들어진게 React Native, Native Script, Ionic등의 하이브리드 프레임워크이다.
이 하이브리드 프레임워크는 크게보면 두 종류가 있다.
하나는 webview를 얹인것, 또 다른 하나는 native로 번역되는것이 있고 react native는 후자이다.
native로 번역되는 앱중에서 react native가 현재 가장 많이 사용되는 프레임워크이다.
그래서 이 프레임 워크를 어떻게 사용하는지에 대해서 한번 알아보도록 하자.
npm install -g expo-cli
당연히 설치부터 해야한다.
cli를 설치해준다.
expo init <프로젝트 명>
그 다음은 위 명령어를 사용하면 아주 손쉽게 react native 프로젝트를 만들 수 있다.
여러분은 처음이므로 blank를 선택하자.
그 다음은 이름을 선택하면 된다.
그러면 끝난다.
끝났다고?
ㅇㅇ 끝났다.
이제 실행을 해보자.
npm start
그러면 뭔지 모르는 웹브라우저가 동작하는데 이는 여러분이 테스트하는환경이다.
이걸로 많은 작업을 할 수 있다.
우리가 만든 앱의 프로젝트 구조를 확인할 수 있다.
하지만 폰에서 어떻게 실행되는지 궁금할건데 확인하려면 실제폰이나 가상환경이 필요하다.
하지만 여러분은 실제 ios에서 테스트해보고싶을 수 있다.
빌드 하는 방법도 있지만 여기서는 빌드하는 법이 아니라 비슷한 환경에서 폰으로 테스트하는법을 보도록하자.
물론 아예 실제로 빌드하는 방법도 있다.
이 경우 아래와 같이 명령어를 사용해서 프로젝트로 만들어 줘야한다.
npm start eject
각각 기기별로 실제 어떻게 빌드 되는지 보자.
