React Native 공부 1

안드로이드 스튜디오로 프로젝트를 진행하려고 했으나, 계속해서 샷다운되는 문제 + 빌드 시 시간이 너무 많이 걸리는 문제로 인하여 react native를 이용하여 앱 개발 구현에 도전하게 되었다!

공부 참고 URL: https://academy.realm.io/kr/posts/react-native/

기존의 크로스플랫폼과의 비교

기존의 모바일 자바스크립트 툴들이 웹뷰를 통해 인터페이스를 구축하는 하이브리드 방식이었다면, 리액트 네이티브는 자바스크립트로 작업하지만 인터페이스는 네이티브 위젯으로 표시하는 방법

cf) 크로스 플랫폼(cross-platform) 또는 멀티 플랫폼(multi-platform)은 컴퓨터 프로그램, OS, 컴퓨터 언어, 프로그래밍 언어, 컴퓨터 소프트웨어 등이 여러 종류의 컴퓨터 플랫폼에서 동작할 수 있다는 것을 뜻하는 용어.

쉽게말하면.. 기존 크로스 플랫폼은 모바일에 웹을 띄우는 방식인데(ex: 은행 어플 or 공인인증어플), 이는 안정적이고 확장성이 높으나 구리다는 단점!

그러나! 크로스 플랫폼의 필요성이 증가되면서 페이스북이 공개한게 바로 리액트 네이티브이다! 

즉, 자바스크립트로 코드를 짜긴 하지만, 기존의 iOS Android처럼 핸드폰 제조사가 제공하는 Interface를 사용해서 유저랑 interaction을 하는 방법!

그렇다면 React 와 React Native란?

React(리액트): 위에서 말했다시피, 페이스북이 웹 개발을 쉽게 하기 위해 만든 기술(커스텀 컴포넌트를 만들고 쉽게 조합해서). 뷰를 손쉽게 만들 수 있다!

-> React Native(리액트 네이티브)는 리액트의 접근 방법을 모바일로 확장하는 페이스북 오픈소스 프로젝트

(리액트 네이티브는 IOS 버전의 페이스북 그룹, 안드로이드 버전의 Facebook Ads Manager, iOS버전 등의 페이스북 앱에서 쓰고 있다.)

사전 준비 셋팅

참고 URL: http://steambread.tistory.com/2

1. JDK

2. NPM(Node.js)

3. Android SDK

4. 지니모션(선택)

React Native 설치

설치 참고 URL : https://facebook.github.io/react-native/docs/getting-started