리액트 환경 안에서 리액트네이티브 프로젝트 앱 설치
- d:\reactnativeDev\npm install -g create-react-app 리액트 환경설치
1.npm install -g react-native-cli (cli글로벌 설치)
2.npm install --save react-dom
3.npm install --save-dev @babel/core babel-loader @babel/preset-react
4.npm install --save-dev webpack webpack-cli webpack-dev-server html-webpack-plugin
5.npx react-native init myReactNativeApp --version 0.68.2(14버전 이상) (12버젼은 0.66.4) (프로젝트 생성)
-
안드로이드 스튜디오에서 react-native로 만든 앱(myReactNativeApp)안에
android폴더를 지정해서 연동해준다
-
다시 react-native 마이앱으로 에서 서버 실행 npm run start
그리고 안드로이드를 띄어서 에뮬레이터를 본다 npx react-native run-android
8.화면 확인
-
마이앱 package.json파일에 스크립트 부분 아래와 같이 변경
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"build-react": "webpack --mode production",
"start-react": "webpack serve --config ./webpack.config.js --mode development",
"test": "jest",
"lint": "eslint ."
},
-
webpack.config.js 파일 루트에 복사
