- 크로스플랫폼 모바일 앱(ios, android 등)을 개발하기 위한 프레임워크를 추천받는다면, React Native와 Flutter를 들어봤을 것이다.
🥝 하나의 소스 코드로 안드로이드 앱과 IOS앱을 개발할 수 있다.- 나는 이 두가지 선택지중에 React Native에 대해서 정리하여 포스트를 남겨보기로 하였다.
🍉 Native는 운영체제를 만들 때 사용된 프로그래밍 언어와 같은 언어로 만들어졌음을 의미한다.
React Native의 장점
-
자바스크립트를 사용하여 모바일 앱을 만들 수 있다.
🍇 안드로이드 앱을 만들기 위해서는 kotlin, IOS앱을 만들기 위해서는 swift를 배워야 했다. -
네이티브 플랫폼 기능과 리액트를 동시에 사용할 수 있다.
🍒 리액트와 동작 원리가 거의 동일하다. -
네이티브 수준으로 빠르게 동작하는 앱을 만들 수 있다. (네이티브 앱 보다는 실행속도가 조금 느리다)
-
네이티브 부분은 기본으로 제공되는 모듈을 그대로 사용할 수 있기에 자바스크립트만 작성하면, 모바일 앱을 만들 수 있다.
-
리액트 네이티브의 컴포넌트 최상단에는 항상 React를 import해야 한다.
React와의 차이점
-
리액트 네이티브는 가상 DOM으로 DOM을 조작하지는 않는다.
-
리액트 네이티브에서는 HTML이나 CSS를 사용하지 않는다.
🍓 자바스크립트 쓰레드로부터 메세지를 사용하여 네이티브 뷰를 조작한다.
🍄 리엑트 네이티브 프로젝트를 안드로이드 앱으로 빌드하려면, 안드로이드 스튜디오를 사용하고, IOS앱으로 빌드하기 위해서는 Xcode를 이용한다.
-
typescript로 프로젝트를 시작하기 위해서는 ignite를 사용한다.
npm install -g ignite-cli
ignite new 프로젝트이름 -
ignite를 사용하지 않고 프로젝트 시작하기
npx react-native init typern --template react-native-template-typescript --version 버전
참고 자료 : https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C, https://reactnative.dev/docs/typescript
🙌🙌🙌🙌