📋 React와 React Native의 차이점
React를 공부하다가 앱 개발에도 관심이 생겨 React Native도 공부해보기로 했다.
나는 단순히 React Native는 React 문법을 통해 앱 개발을 할수있는 프레임워크라는 것만 알고 있었기 때문에 어떤 차이점이 있는지, 어떤 부분을 더 공부해야하는지에 대한 고민이 생겨 이 글을 작성하게 되었다.
우선 React Native에 대해 알아보자.
📌 1. React Native
React Native란 메타에서 만든 오픈소스 모바일 애플리케이션 프레임워크이다. JavaScript(TS)로 개발이 가능하며 IOS와 Android 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼이다.
React 개발자라면 누구든지 쉽게 시작할 수 있다는 장점이 있다.
React Native에서는 JavaScript 스레드가 Native Bridge를 통해 Native Thread와 통신한다. Native Bridge가 없으면 JS 코드가 Native 코드와 통신할 수 없다.
하지만 Native Bridge를 사용하여 Native Thread를 연결시켜 동작하기 때문에 Native 개발 방식보다는 성능이 떨어진다는 특징이 있다.
이런 웹을 사용하지 않고 Native와 통신하는 방법을 사용하는 것을 Hybrid App이라 부르고, 다른 하이브리드 앱으로는 Xamarin, Flutter 등이 있다.
📌 2. React와의 차이점
React Native에 대해 간단히 알아보았다.
그렇다면 React와의 다른 점은 무엇일까?
-
React는 화면 출력 시 ReactDom을 사용하지만, React Native는 AppRegistry를 사용한다.
-
React Native는 HTML 문법을 사용하지 않고, Components를 사용한다.
-
기존의 CSS를 지원하지 않는다. 또 JS 파일 안에서 StyelSheet라는 것을 사용한다.
대표적으로 이렇게 3가지가 있겠다.
React Native에 익숙해지고 싶다면 React Native 공식 문서를 확인해보자.
