react-native 시작하기 (개발환경)
리액트 네이티브 개발 환경 구축 하기
Window 기준으로 개발환경을 구축했습니다.
1. node.js 설치
https://nodejs.org/ko/download/releases/
우선 node.js를 설치합니다.
위 링크를 통해 node.js를 설치 할수 있습니다.
상위 버전에서 호환적인 문제로 이전 릴리즈 인 node.js 8버전을 설치했습니다.
제 PC 는 window 64비트 라서 node-v8.17.0-x64.msi 로 설치 했습니다.
설치가 완료 되셨다면 cmd를 실행시켜 줍니다.
cmd를 실행시키는 방법은 키보드에 윈도우 키 + R 누르신 다은 cmd라고 입력 후 엔터를 쳐주시면 되요.
node.js 설치가 완료되면 npm도 같이 설치가 됩니다.
node 버전 확인
node -v
npm 버전 확인
npm -v
이제 본격적으로 react-native 을 설치해 보겠습니다.
npm install -g react-native-cli
를 입력해 주시면 react-native 기본 설치 를 진행합니다.
설치가 완료 되시면 이제 react-native 프로젝트를 생성해 보겠습니다.
프로젝트를 생성하고 싶은 디렉토리로 이동 합니다.
저는 c드라이브에 react 폴더를 만들어서 그 안에 프로젝트를 생성해 보겠습니다.
cd /
우선 C드라이드 root 경로로 이동합니다.
mkdir react
C드라이브에 react 디렉토리를 생성합니다.
cd react
react 디렉토리로 이동합니다.
react-native init ExProject (프로젝트명)
react- native 프로젝트 생성합니다.
위 화면이 나오면 정상적으로 프로젝트가 생성된 것입니다.
이제 프로젝트 이동 후 프로젝트를 애퓰레이터로 실행 보겠습니다.
cd ExProject (프로젝트명)
위 화면이 나오면 정상적으로 프로젝트가 생성된 것입니다.
react-native run-android
react-native 안드로이드 실행합니다.
react-native run-ios
react-native IOS 실행합니다. (Mac OS 만 지원 window 에서는 지원 되지 않습니다.)
이렇게 하면 react-native를 기본적으로 설치하 구동하는 것 까지 완료 되었습니다.
다음에는 IDE 툴로 프로젝트를 열어보고 간단하게 수정하는 하도록 하겠습니다.