더북(TheBook)

1.3 새 리액트 네이티브 프로젝트 만들기

새로운 리액트 네이티브 프로젝트를 만들어봅시다. 다음 명령어를 터미널에 입력해보세요.

$ npx react-native init LearnReactNative

npx는 Node.js와 함께 설치되는 도구로, Node.js 환경에서 구동되는 CLI 도구들을 간단하게 사용할 수 있게 해줍니다.

이 명령어를 실행하면 터미널의 현재 작업 중인 디렉터리에 LearnReactNative라는 디렉터리가 만들어지며, 이 디렉터리 안에 리액트 네이티브 프로젝트 관련 파일들이 준비됩니다. 해당 디렉터리를 VS Code로 열고, package.json 파일을 열어보세요.

만약 애플 실리콘이 탑재된 맥OS를 사용 중이라면 iOS 프로젝트 환경 설정을 하는 부분에서 오류가 발생했을 것입니다. 이 부분은 추후 해결할 테니, 무시해도 됩니다.

scripts 부분에 다음과 같이 설정된 것을 확인할 수 있습니다.

"scripts": {
  "android": "react-native run-android",
  "ios": "react-native run-ios",
  "start": "react-native start",
  "test": "jest",
  "lint": "eslint ."
},
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.