[React Native] React Native로 앱 만들기

React Native?

Facebook 에서 개발한 오픈소스 모바일 애플리케이션 프레임워크 입니다!

 

* React Native를 시작하기 전 해당 앱을 Github에 올리고 싶다면 1번부터, 그렇지 않다면 2번 부터 시작하시면 됩니다 :)

 

 

1. Github에서 Repository를 만든 후, git clone을 통해 Repository를 클론 합니다.

 

 

2. 해당 Repository로 들어가, react-native를 시작하는 명령어 "npm install -g expo-cli" 를 입력합니다.

=> 이렇게 빨간색으로 Error라고 뜨지 않으면, 설치에 성공한 것 입니다!

 

 

3. 이제 원하는 프로젝트의 이름으로 시작할 수 있도록 "expo init 프로젝트이름" 을 입력합니다.

=> Your project is ready라고 뜨면, 이제 앱을 구동하기 위한 모든 준비가 다 끝났습니다!

 

 

4. 해당 위치에 프로젝트 이름을 가진 하나의 폴더가 생기게 되고, 그 폴더로 들어가서 "npm start" 혹은 "yarn start"로 프로그램을 시작합니다.

 

 

5. 조금 기다리면, 하나의 창이 뜨게 됩니다! 

 

 

6. 왼쪽 메뉴바를 통해, 웹 브라우저 / iOS / Android 로 실행할 건지 선택하여 실행할 수 있습니다!

저는, 웹 브라우저를 선택하였습니다.

 

=> 그렇게 하면, 이렇게 기본 앱 화면이 뜨는걸 볼 수 있습니다!

 

 

오늘은 이렇게 react native로 앱을 시작하는 방법을 배워보았습니다!

 

 

 

참고 사이트

https://reactnative.dev/docs/environment-setup