| 카테고리1 | 프로그래밍 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 카테고리2 | 리액트 네이티브 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 제목 | 리액트 네이티브 설치 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 작성자 | 고성훈 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 작성일 | 2024-11-12 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
[react-native cli]
1. jdk, 파이썬, nodejs, 안드로이드스튜디오, vscode 설치 2. npm install react-native 3. npm install react-native-cli 3. npx react-native@latest init 프로젝트명 4. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle 5. npm install react-native-web 6. npm install @react-navigation/native @react-navigation/native-stack, npm install react-native-screens, npm install react-native-safe-area-context 7. npm run android [윈도우 앱 개발 환경 설정] 1. 프로젝트 디렉토리로 이동 2. npx react-native-windows-init --overwrite 3. npm run windows [expo cli] 1. jdk, 파이썬, nodejs, 안드로이드스튜디오, vscode 설치 2. npm install react-native 3. npm install -g expo-cli 4. npx create-expo-app@latest 프로젝트명 5. npx expo install react-native-web@~0.18.9 6. npm install react-dom@18.1.0 7. npm install @expo/webpack-config@^0.17.2 8. npm install @react-navigation/stack 9. npm install @react-navigation/native 10. expo start | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||