일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 리액트
- 가상환경
- 시놀로지나스
- 강릉
- Django
- react
- 나스
- 리엑트
- synology
- Excel
- Expo
- MSSQL
- 맛집
- apk
- 캠핑장
- 시놀로지
- reactnative
- 캠핑
- 함수
- SQL
- Nas
- react native
- 엑셀
- 장고
- 연곡해변
- 수도권 근교
- ReactNaitve
- 서울
- Firebase
- docker
- Today
- Total
차근차근 생활 & 코딩
[REACT NATIVE] React-Native(리액트 네이티브) vs Expo 비교 본문
React-Native를 사용하면 동일한 코드로 Android 및 iOS용 하이브리드 앱을 쉽게 개발할 수 있습니다.
초보자의 경우 접근성이 높은 Expo CLI를 사용하는 것을 추천드리며,
Expo는 React Native 방식으로 개발 경험을 더 즐겁고 안정적으로 만들고 라이브러리의 안정성을 높여줍니다.
Expo는 React Native 앱을 위한 프레임워크 입니다.
향후 Expo에서 익숙해 지면 React-Native CLI를 사용하시면 됩니다.
리액트 네이티브(React-Native) 종류
리액트 네이티브 종류에는 두 가지가 있습니다.
1. React-Native CLI
- React-Native CLI에는 자유도가 높아 개발의 많은 기능들을 사용할 수 있습니다.
https://reactnative.dev/
2. Expo CLI
- Expo CLI에는 애플리케이션 개발을 단순화하는 많은 편의 유틸리티 기능이 있습니다.
CLI 란?
- CLI(명령줄 인터페이스)는 프로그래머가 명령을 실행하여 앱을 개발할 수 있는 시각적 인터페이스입니다.
리액트 네이티브(React-Native) 장점
1. React-Native CLI
- 모듈을 사용하는 패키지를 링크하고 네이티브 언어로 작성된 네이티브 모듈을 연결할 수 있다는 것입니다.
- Expo 패키지를 이용할 수 있지만 설정이 필요합니다.
- 자유도가 높아 뭐든지 할 수 있습니다.
- 빌드의 제어가 가능합니다.
2. Expo CLI
- 클라우드에서 앱을 손쉽게 만들 수 있습니다.
- 클라우드에서 앱을 손쉽게 Build 할 수 있습니다.
- 클라우드에서 Android Studio(Android용) 또는 XCode(iOS용)를 설치하지 않고도 개발 중에 프로젝트를 실행 수 있어
QR 코드를 통해 아이폰이나 안드로이드 폰 어느 것이나 개발이 가능 합니다.
- 클라우드에서 모바일 스토어에 앱을 제출 할 수 있습니다.
- 개발이 편할 수 있도록 많은 API 지원을 합니다.
리액트 네이티브(React-Native) 단점
1. React-Native CLI
- 프로젝트 설정하는 데 상당한 시간이 걸립니다.
- 모든 라이브러리들을 한땀 한땀 설치하셔야 합니다.
- Android Studio(Android용) 및 XCode(iOS용)를 설치해야 합니다.
2. Expo CLI
- 제공되는 API만 사용가능하여 Objective-C, Swift, Java, Kotlin으로 작성된 네이티브 모듈은 추가할 수 없습니다.
- linking이 요구되는 네이티브 언어로 만들어진 패키지를 사용할 수 없다.
- 빌드 시간 10분 ~ 30 분 정도 걸립니다.
- 링크가 필요한 모국어로 된 패키지는 사용할 수 없습니다.
- 앱은 사용하지 않더라도 모든 Expo SDK 솔루션으로 빌드되어 큰 크기를 갖습니다. APP의 크기는 15 ~ 25MB입니다.
- 테스트 중에는 Expo 클라이언트에서 모든 것이 잘 작동하지만 독립 실행형 앱에서는 특정 문제가 발생할 수 있습니다.
포스팅이 도움 되셨다면, 커피 한잔 후원해주세요! 더 좋은 포스팅 작성에 큰 힘이 됩니다.
'IT > DJANGO & REACT' 카테고리의 다른 글
[React Native] RN react-native-vector-icon 깨짐 오류 (0) | 2022.01.06 |
---|---|
[DJANGO & REACT] 장고와 리액트 연동하기 (4) - 템플릿 변경하기 (3) | 2021.07.24 |
[DJANGO & REACT] 장고와 리액트 연동하기 (3) - Django App 생성 (0) | 2021.07.24 |
[DJANGO & REACT] 장고와 리액트 연동하기 (2) - 프로젝트 생성 (0) | 2021.07.24 |
[DJANGO & REACT] 장고와 리액트 연동하기 (1) - 설치편 (0) | 2021.07.24 |