React Native 1

React Native에 대해 공부해보려한다.
노마드 코더에 무료강의가 있어서 이를 보고 따라해보면서 익힐 것이다.

---

java와 Xcode를 이용하여서 세팅을 해야하지만,
Expo 플랫폼 활용하여서 React Native 앱을 더 빠르고 쉽게 개발할 수 있어서 이를 통해 해볼 생각이다.

기존의 React Native는 코드를 컴파일하여서 App으로 전송하여야하는데, expo는 보라색으로 색칠한 부분만 수정해도 App을 만들 수 있게 도와준다.

이를 사용하기 위해서는 설치하여야하는데,

Install

먼저 컴퓨터에 expo를 설치해야한다.

만약 Mac 이용자라면 watchman이라는 것을 다운 받아야한다.

이후 핸드폰에서

안드로이나 ios에서 다운을 받고 로그인을 해야한다.

작동 원리

React native는 브라우저를 쓰는 것처럼 많이 애기하지만 사용하지 않는다.
React와 다르게 Native는 iso 또는 java 안드로이드로 번역되어서 사용한다.

React Native는 인터페이스로, 개발자와 운영체제(ios, 안드로이드) 사이에 있는 것이다.

인터페이스(Interface)
두 가지 시스템이나 장치가 상호 작용할 수 있도록 접점을 제공하는 구성 요소입니다.

코드를 만들면 ios와 안드로이드 코드로 번역된다.

만약에 버튼을 만든다면, 각 os에 맞춰 ios와 Android 버튼을 만든다.
이러한 이유로 서로 다른 모습을 보여준다.

Native는 직접 만들지 않는다. 오직 메시지만 OS에게 전달한다. 왜냐하면 Native에는 브라우저가 없다.

단 bridge라는 것이 있다. 이것이 좋은 점은 우리는 bridge 이후에는 하는 것이 없고,
우리는 보라색 부분인 Component를 작성하고 native에게 넘겨주기만 하면 된다.

통신

위 3가지 단계 중 할 것은 오직 첫단계인 JS 부분을 통해서 APP을 작성할 것이다.

먼저 우리가 APP을 작성해서 사용자가 버튼을 누른다면 먼저 Event가 발생할 것이고 이는 ios와 안드로이드가 감지할 것이다. 이후 bridge를 통해서 JS에게 메시지를 전달한다.

이후 JS는 메세지를 받으면, 작성한 코드를 실행시켜 다시 native에게 메세지를 보내준다.

이러한 과정들이 일어나는 것이 앱이다

이러한 시설들은 안드로이드에서는 Java로
ios에서는 Objective-c와 swift로 만들어진다.