memostack
article thumbnail
블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.tistory.com/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
반응형

React Native

React NativeFacebook에서 만든 오픈 소스 모바일 애플리케이션 프레임 워크이다.

 

React를 사용하여 Android, iOS, WEB과 같이 애플리케이션을 개발할 수 있다. 그중에서 모바일(iOS, Andorid)은 React Native를 이용한다. 그리고, iOSAndroid 동시에 개발이 가능하여 하이브리드 앱 개발이라고 부르기도 한다.

 

프로젝트 생성

사전에 yarn 또는 npm이 설치되어 있어야 함

react-native-cli 설치

$ yarn global add react-native-cli

react-native 프로젝트 생성

(코로나가 유행해서 프로젝트 이름을 Corona로 해봤다)

$ react-native init Corona

컴퓨터 사양마다 다르겠지만, 대략적으로 만들어지는데 30초정도 걸린다.

 

프로젝트가 제대로 생성되었는지 아래 명령어로 확인해본다.

$ cd Corona
$ react-native run-android

첫 프로젝트

사진과 같이 기본 화면이 나오면 성공적으로 프로젝트가 생성 된 것.

 

만약 IOS를 실행하고 싶을땐 아래와 같이 명령어를 수행.

$ react-native run-ios

Reference

반응형
블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.tistory.com/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
profile

memostack

@bluemiv_mm

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!