React Native 개발환경 셋팅(2)

이전 글

React Native 개발환경 (tistory.com)

 

이번 포스팅에선 프로젝트를 생성 및 실행해보도록 하겠습니다.

다음과 같은 기준으로 작성되었으며, React Native의 목표인 Android / IOS 개발 통합을 위해 염두하고 작성하였습니다.

• Windows10 환경
• VSCode IDE
• Android

MAC에선 Android와 IOS 동시 개발이 가능하지만, Windows 쪽은 IOS 확인이 힘들다는 점 기억해주세요.

 

프로젝트 생성

npx를 사용하여 프로젝트를 생성해볼 것입니다.

 

1. VSCode 실행 및 생성할 폴더로 이동
2. 터미널에 npx react-native init <Project Name>을 입력
   1. ex) npx react-native init RNSample
   2. 새로 폴더를 생성하지 않고 처음 생성한 폴더에 파일을 생성하고 싶다면 <Project Name>은 제외해주세요.
3. Type Script로 진행하고 싶다면 <Project Name> 뒤에 --template react-native-template-typescript을 추가해주세요.
   1. npx react-native init RNSample --template react-native-template-typescript
4. 생성이 완료되었다면 이전 포스팅에 진행한 Android SDK 경로를 가져와야 합니다.
   1. 생성된 프로젝트의 android 폴더로 이동
   2. local.properties 파일 생성
   3. local.properties에 SDK 경로 입력
   4. sdk.dir = C\:\\User\{name}\AppData\Local\Android\Sdk
5. 루트 폴더의 package.json 열기
   1. scripts에 내용 추가
   2. "preandroid": "npx jetify"
   3. 이 내용은 Android X을 사용하는 사람만 해당 사항이므로 해당하지 않다면 제외해도 괜찮습니다.
6. ADB Manager에서 API Level 29로 설정된 Device 생성 및 실행
7. 터미널에 npx react-native run-android 입력

끝

---

PCloud63514 - Overview