이전 글
React Native 개발환경 (tistory.com)
이번 포스팅에선 프로젝트를 생성 및 실행해보도록 하겠습니다.
다음과 같은 기준으로 작성되었으며, React Native의 목표인 Android / IOS 개발 통합을 위해 염두하고 작성하였습니다.
- Windows10 환경
- VSCode IDE
- Android
MAC에선 Android와 IOS 동시 개발이 가능하지만, Windows 쪽은 IOS 확인이 힘들다는 점 기억해주세요.
프로젝트 생성
npx를 사용하여 프로젝트를 생성해볼 것입니다.
- VSCode 실행 및 생성할 폴더로 이동
- 터미널에 npx react-native init <Project Name>을 입력
- ex) npx react-native init RNSample
- 새로 폴더를 생성하지 않고 처음 생성한 폴더에 파일을 생성하고 싶다면 <Project Name>은 제외해주세요.
- Type Script로 진행하고 싶다면 <Project Name> 뒤에 --template react-native-template-typescript을 추가해주세요.
- npx react-native init RNSample --template react-native-template-typescript
- 생성이 완료되었다면 이전 포스팅에 진행한 Android SDK 경로를 가져와야 합니다.
- 생성된 프로젝트의 android 폴더로 이동
- local.properties 파일 생성
- local.properties에 SDK 경로 입력
- sdk.dir = C\:\\User\{name}\AppData\Local\Android\Sdk
- 루트 폴더의 package.json 열기
- scripts에 내용 추가
- "preandroid": "npx jetify"
- 이 내용은 Android X을 사용하는 사람만 해당 사항이므로 해당하지 않다면 제외해도 괜찮습니다.
- ADB Manager에서 API Level 29로 설정된 Device 생성 및 실행
- 터미널에 npx react-native run-android 입력
끝
'React Native' 카테고리의 다른 글
React Native - 에러 조치 (0) | 2021.04.23 |
---|---|
React Native 시작 - 기본구성(2) (0) | 2021.04.22 |
React Native 시작 - 기본 구성(1) (0) | 2021.04.22 |
React Native 개발환경 셋팅(1) (0) | 2021.04.21 |