본문 바로가기
728x90
반응형

모바일/React-native 안드로이드 앱 개발6

[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] 리액트 네이티브 프로젝트 생성하기 Visual Studio Code에서 Terminal > New Terminal 클릭 프로젝트를 생성할 디렉토리로 이동 후 react-native init --version 0.61.5 프로젝트명 을 입력해준다. 나는 프로젝트를 생성할 디렉터리를 C드라이브 밑에 React-Native라는 디렉터리를 만들었다. cd ../.. cd React-Native react-native init --version 0.61.5 myFirstApp 설치 중 You are currently running Node v6.11.2 but React Native requires >=8.3. Please use a supported version of Node. 라는 오류가 발생했다. 대충 해당 버전에 대한 지원이 되지 않는 .. 2021. 3. 9.
[React Native] 리액트 네이티브 설치(nvm, node.js, jdk, react native cli, visual studio code) 설치 리스트 NVM(Node Version Manager) node.js npm(Node Package Manager) Android Studio JAVA (JDK) Visual Studio Code React Native CLI chocolatey 1. NVM (Node Version Manager) OS의 특정 버전 node.js를 설치할 경우 여러 버전의 node.js를 설치해야할 경우 대응이 불가능하다. NVM은 하나의 컴퓨터에서 여러 node.js 버전을 관리할 때 사용하는 관리 프로그램이다. node.js의 여러 버전을 마음대로 골라 설치할 수 있게 하는 프로그램이다. (1) github.com/coreybutler/nvm-windows/releases 에서 nvm-setup.zip 다운로드 .. 2021. 3. 8.
[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
반응형

티스토리툴바