본문 바로가기
728x90
반응형

React Native4

[React Native] 리액트 네이티브 프로젝트 앱 에뮬레이터 실행 먼저 터미널에서 해당 프로젝트 디렉터리가 있는곳으로 이동해서 npm start를 입력하여 서버를 실행한다. 위 그림과 같이 터미널에 있는 + 버튼을 눌러서 쉘을 추가한다. npx react-native run-android를 입력한다. 잘 되다가 error Failed to launch emulator. Reason: Emulator exited before boot.. 가 뜬다면 SDK Manager로 가서 설치 사항을 다시 확인해야 한다. Q 버전의 Show Package Details에서 Android SDK Platform 29 Sources for Android 29 Intel x86 Atom System Image Intel x86 Atom_64 System Image Google APIs I.. 2021. 3. 10.
[React-Native] React Native (03) Expo CLI vs React Native CLI 네이티브 앱을 개발하는 방법은 두 가지가 있다. (1) Expo CLI 장점 : - 개발 환경 구축이 용이하다 - 실제 개발이 쉽고 편하다 단점 : - OS Layer와 직접 상호작용이 불가능하다(Java, Kotlin, Obj-C, Swift로 추가 작성 불가능) - Expo에서 제공해주는 모듈만 사용이 가능하다 - Expo Client에서는 잘 동작하지만 실제 Simulator 및 단말기에서 잘 동작하지 않을 수 있다. - 개발 관점에서의 자유도는 낮다 (2) React Native CLI 장점 : - Expo로는 접근하지 못하는 Native 기능에 접근이 가능하다(Native 모듈 사용 자유도가 높다) - 원하는 언어로 추가 작성이 가능하다(Custom Native 모듈 사용 가능) - 필요한 기능.. 2021. 2. 24.
[React-Native] React Native (02) 기본 원리 리액트 네이티브 기본원리 리액트 네이티브는 오픈소스 프레임워크이다. iOS는 Object-C나 Swift같은 코드를 iOS Platform에 Targeting 해주는 컴파일러가 존재하고 Android는 자바나 코틀린같은 코드를 Andorid Platform에 Targeting 해주는 컴파일러가 존재한다. High-Level 단에서 생각하면 리액트 네이티브는 자바스크립트 코드를 각 플랫폼에 타게팅해준다고 생각하면 된다. Low-Level 단에서는 앱 빌드시 앱 전체 로직이 있는 JS Bundle을 생성, 각 플랫폼에 심어준다. JS Bundle은 JS Thread에 의해 실행된다. JS Thread는 각 Native Threads와 직접 상호작용할 수 없고 리액트 네이티브에 의해 제공되는 Bridge를 통.. 2021. 2. 24.
[React-Native] React Native (01) 리액트 네이티브란? 리액트 네이티브(React Native)는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크이다. 안드로이드, iOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 한다 리액트 네이티브는 크로스 플랫폼으로서 iOS, Android 동일하게 구동을 가능하게 한다. 번거롭게 Swift나 Android로 동일한 로직을 작업하는 일을 리액트 네이티브는 한번에 작업을 가능하게 한다. React Native를 공부하기 전 알아야할 선수 지식 React Native를 공부하는데 있어서 먼저 알아가야할 지식이 있다. HTML, CSS, JS, ES6, React 이 중 많이 쓰이는 HTML, CSS, JS를 제외하고.. 2021. 2. 24.
728x90
반응형

티스토리툴바