⭕ 리액트 네이티브 React Native | 개발 환경
리액트 네이티브(React Native)는 모바일 앱 개발의 패러다임을 바꾼 크로스플랫폼 프레임워크입니다. 이 기술을 사용하여 개발자는 하나의 코드베이스로 iOS와 안드로이드 양쪽 플랫폼에서 실행 가능한 앱을 만들 수 있습니다. 그러나 각 운영 체제에 맞는 앱을 효과적으로 개발하기 위해서는 특정 개발 환경 설정이 필요합니다.
➡️ 개발 환경 구성
리액트 네이티브의 개발 환경은 기본적으로 Node.js 기반으로, 이는 다양한 운영 체제에서 지원됩니다. 개발자는 Node.js를 설치한 후, 마이크로소프트가 오픈소스로 제공하는 비주얼 스튜디오 코드(Visual Studio Code) 같은 편집기를 사용하여 코드를 작성할 수 있습니다. 이는 윈도우, 맥, 리눅스 운영 체제에서 리액트 네이티브 프로젝트를 진행할 수 있음을 의미합니다.
➡️ 운영 체제
리액트 네이티브 프로젝트로 만든 소스 파일을 각 모바일 운영 체제에 맞는 앱으로 빌드하고, 가상 장치에서 실행해보는 과정은 운영 체제별로 다를 수 있습니다. 이에 따라 개발할 수 있는 앱의 유형도 달라집니다.
- 윈도우: 안드로이드 앱 개발 가능, iOS 앱 개발 불가능
- 맥: 안드로이드 앱 개발 가능, iOS 앱 개발 가능
- 리눅스: 안드로이드 앱 개발 가능, iOS 앱 개발 불가능
➡️ 안드로이드 앱 개발
안드로이드 앱 개발을 위해서는 구글이 제공하는 안드로이드 스튜디오가 필요합니다. 안드로이드 스튜디오는 윈도우, 맥, 리눅스 운영 체제에서 모두 설치가 가능하므로, 세 가지 운영 체제에서 안드로이드 앱 개발이 가능합니다.
➡️ iOS 앱 개발
iOS 앱 개발을 위해서는 애플이 제공하는 Xcode 개발 도구가 필요하며, Xcode는 오직 맥 OS에서만 작동합니다. 따라서 iOS 앱 개발은 맥에서만 가능하며, 이는 안드로이드와 iOS 앱을 모두 개발하고자 하는 개발자들로 하여금 맥을 선호하게 만드는 주된 이유 중 하나입니다.
'프론트엔드 > React & React-Native' 카테고리의 다른 글
리액트 네이티브 React Native | react 패키지 (63) | 2024.03.19 |
---|---|
리액트 네이티브 React Native | DOM과 렌더링 (63) | 2024.03.19 |
리액트 네이티브 React Native | 정적 HLTML과 동적 HTML (61) | 2024.03.19 |
리액트 네이티브 React Native | 윈도우 개발 환경: Scoop, Node.js, JDK (60) | 2024.03.19 |
리액트 네이티브 React Native | 브릿지(Bridge) 방식 (60) | 2024.03.19 |
리액트 네이티브 React Native | 크로스 플랫폼(Cross Platform) (60) | 2024.03.19 |
리액트 네이티브 React Native | 리액트 기반 프레임 워크 (61) | 2024.03.19 |
리액트 React | React: Props 및 State (3) | 2024.03.09 |