React Native 공부 2

참고 URL: http://yuddomack.tistory.com/entry/1React-Native-%EC%84%A4%EC%B9%98%EC%99%80-%EC%8B%A4%ED%96%89hello-world

1. React-Native-Cli 설치 (expo 사용하지 않을 때)

$ npm install -g react-native-cli

-g: global 이라는 뜻으로 전역범위에서 설치(사용)을 의미한다. npm으로 설치한 모듈은 기본적으로 해당 프로젝트 안에서만 효력을 발휘하게 되는데, cli는 그 목적이 전역 범위에서 일어나야 하기 때문에 -g를 붙여준다.

2. 프로젝트 생성

$ react-native init [프로젝트명]

- 적절한 경로로 이동해서 위의 명령어 입력시 해당 프로젝트명을 가진 프로젝트 생성

3. 프로젝트 실행

개발 환경에서 프로젝트를 실행하기 위해서는 virtual device와 builder가 필요함 -> Android Studio 설치

4. 안드로이드 스튜디오 설치

---

참고 URL: https://academy.realm.io/kr/posts/react-native/

하지만, 본 개발에 있어서 expo를 사용하기로 결정!

expo 홈페이지에 들어가서 해당 페이지에 나온대로 명령어를 커맨드라인에 입력해주면 끝!

1. 명령어 입력

npm install expo-cli --global

cd [project name]

expo start

2. 리액트 네이티브를 개발할 수 있게 하는 환경 설치 - Homebrew 를 통해 설치

brew install watchman : 변경 추적을 위함

brew install flow : 자바스크립트 정적 분석

brew install nvm

nvm install node

problem

 - -bash: nvm: command not found

해결 URL : https://threenine.co.uk/install-node-version-manager-with-homebrew/