react-native?

리액트의 접근방법을 모바일로 확장한 Facebook의 오픈소스 프로젝트입니다.
javascript로 코딩한 React의 컴포넌트는 React Native 플랫폼을 거쳐 IOS, Android Native 코드로 각각 변환됩니다.

개발환경을 만들어 봅시다.

두가지 개발 방법

• Expo CLI
• React Native CLI

1. Expo

:쉽게 말해, 리엑트 네이티브로 하는 개발을 쉽게 할 수 있게 해주는 것입니다.
리엑트 네이티브를 위한 set-up이 미리 구성되어있습니다.
native 파일들을 사용자에게서 숨겨놓고, 알아서 관리해주는 툴이다.

• Expo CLI 설치
  npm install -g expo-cli

• Expo 프로젝트 생성
  expo init 프로젝트명

• Expo 프로젝트 실행 방법
  cd 프로젝트명 # 위에서 생성해준 프로젝트 디렉토리로 접속
  expo start # 프로젝트 실행

2.React Native CLI

직접 네이티브로 어플리케이션을 개발할 수 있습니다.
native file들을 직접 다룰 수 있습니다.

• xcode, android-studio 설치(mac 기준)
  => android-studio는 설정해야할 것들이 좀 있습니다.(참고: android-studio)

• React Native CLI 설치
  npm install -g react-native-cli

• React Native CLI 프로젝트 생성
  React Native Command Line Interface를 통해 새로운 프로젝트를 생성
  react-native init 프로젝트명

만약 특정 버전의 react native를 이용하고 싶다면,
react-native init 프로젝트명 --version X.XX.X
또는
react-native init 프로젝트명 --version react-native@next
으로 사용할 수 있습니다.

자 저는 expo를 통해서 한번 조금 만들어봤습니다.

expo start!

아주 잘 나오는 군요!
이미지가 좀 크긴한데 어떻게 줄이는지 몰라서 어쩔수 없군요