React-Native 초기 세팅

React Native 초기 세팅 문서입니다.

공식문서 Getting Started의 Xcode & CocoaPods 단계까지 설정한 후 진행하시면 됩니다.

1. RN Project 생성

프로젝트를 생성해 봅시다. 공식 문서에는 npx react-native init AwesomeProject 를 쓰라고 나와있지만

저는 react-native init 명령어를 통해 생성하겠습니다. ( 이미 react-native가 설치 되어 있기 때문입니다.)

react-native init test_rn

cd test_rn

react-native run-ios

시뮬레이터에 정상적인 화면이 나온다면 bundle server와 시뮬레이터를 끄고 다시 진행합니다.

프로젝트 구조는 위와 같이 구성합니다.

SPA인 리액트의 특성상 Routing을 위해선 다른 라이브러리가 필요합니다.

대표적인 라이브러리로는 React Native Navigation과 React Navigation이 있습니다. 저희는 R-Nav를 사용합니다. 이유는