[ React Naitive 리액트 네이티브 ] - 시작하기

안녕하세요.

프렛입니다.

 

어느 덧, 시간이 흘러 프론트엔드 개발자로 생활한지,

1년이 넘었습니다.

 

블로그를 하겠다는 다짐만으로는 하기 힘들었던 블로그인데,

 

오랜만에 시작을 하려합니다.

 

일을 시작하면서부터

JavaScript부터, React, React-Native까지 쉼없이 달려왔으며,

 

복습을 하는 의미에서,

그리고 더 공부를 해보자는 의미에서 시작하고자 합니다.

 

---

 

React Naitive는 네이티브 개발의 최고 부분을 사용자 인터페이스 구축을 위한,

동급 최고의 JavaScript 라이브러리인 React와 결합합니다.

 

또 하나의 장점은, 당연히 JavaScript로 작성됩니다.

React Native를 사용하면 한 팀이 두 개의 플랫폼(IOS, AOS)을 유지 관리하고

일반적인 기술인 React를 공유할 수 있습니다.

 

여기서,

IOS는 많이 들어보셨는데,

AOS는 뭔지 헷갈리시는 분들이 있죠.

 

Android를 줄여 말한다고 생각하시면 됩니다.

 

 

시작하기

React Native를 사용하려면,

당연히 설치를 먼저 하셔야겠죠.

 

시작하려면, Xcode, Android Studio가 필요합니다.

물론, Xcode를 사용하기 위해서는 Mac OS가 필요합니다.

 

하지만, Expo를 이용하여 Xcode없이도 두 플랫폼 모두 사용이 가능합니다.

( 즉, Mac 없이도 가능하다는 말씀. )

하지만, 애플 스토어에 앱을 승인 받기위해서는 Xcode가 필요하니,

어쩔 수 없이 React Native로 애플 스토어 앱을 등록하고자 하시는 분들은

Mac을 구매하셔야 합니다.

( 안타깝습니다 ㅠㅠ 화가나는 애플 생태계 )

 

 

그럼 Expo가 아닌, 기본 CLI로 먼저 install하는 방법을 알아볼게요.

 

( 설치방법은 Mac OS(Linux)를 기준으로 설명드립니다. ) 참고해주세요.

 

watchman

brew install node

brew install watchman

 

시스템에 이미 노드를 설치 한 경우 노드 8.3버전 이상인지 확인해주세요.

 

혹시, 8.3미만이신 분들이라면,

NVM(Node Version Manager)을 이용하여 8.3이상으로 사용해주세요. NVM 사용법

 

CocoaPods

sudo gem install cocoapods

 

Creating a new application ( 새로운 프로젝트 생성 )

npx  react-native  init  myFirstProject

 

myFirstProject는 사용하시는 분들의

프로젝트 명을 알맞게 입력해서 넣으시면 됩니다. 

 

Running your React Native application( React Native 앱 실행)

cd myFirstProject

npx  react-native  run-ios

 

마지막 명령어 ( npx react-native run-ios )를 입력하시면,

iOS 시뮬레이터에서 새 앱이 실행되는 것을 볼 수 있습니다!

 

 

짠 !

 

이것으로 여러분의 첫 React-Native 앱이 만들어졌습니다.