React Native Expo 활용하기

React Native를 공부할 때, Test용도로 개발 후, 결과를 브라우저 혹은 핸드폰으로 바로 확인해볼 수 있는 사이트가 있다. 

https://snack.expo.dev/

Snack - React Native in the browser

 

1. 결과를 보고 싶은 핸드폰에 Expo Go 애플리케이션을 설치한 후, 회원가입을 해주면 된다.

 

2. 회원가입한 아이디로 위에 사이트에 접속해서 오른쪽에 위치해있는 My Device를 선택한다. 

 

3. My Device를 선택하여 QR code를 사용하면, Expo Go 애플리케이션을 통해 디바이스가 연결된다.

4. 핸드폰에서 확인할 수 있는 결과는 아래와 같다.

---

그렇다면, React와 React Native의 차이점은 무엇인지 알아보자.

 

ReactJS는 웹 애플리케이션 구축을 위해서 웹과 서버에서 실행되는 것을 지원하는 JavaScript 라이브러리이다.

React Native는 기본 앱 구성 요소로 컴파일되는 모바일 프레임워크이다.

ReactJS를 사용해 구성 요소를 빌드하고, ReactJS를 구현할 수 있는 JavaScript로 다양한 플랫폼에 대한 기본 모바일 애플리케이션을 빌드할 수 있다. 

 

Electron + React를 연동하는 개발 프로젝트를 한 번 진행한 적이 있다.

React는 그저 JavaScript 라이브러리, 언어에 불과하기에 Electron 과 연동하여 사용할 수 있지만,

React Native는 모바일 프레임워크이므로 Electron과 개념이 겹쳐 함게 연동하여 만들 수 없다. 

 

React와 React Native의 개념을 확실하게 짚고 넘어가지 않았을 때는 이해할 수 없는 부분이다.

새로운 것을 배울 때는 개념을 확실히 하고 넘어가는 것이 좋은 것 같다!