React Native로 iOS 앱을 만드는 방법

먼저 React Native 코드 프레임워크를 다운로드하세요. 또한 몇 가지 샘플 프로젝트, 2048 게임, 영화(영화 감상용 앱), SampleApp, TicTacToe(게임) 및 UIExplorer(모든 React Native

ListView, TabBar와 같은 대체 컨트롤을 표시할 수 있음)도 있습니다. , MapView, Slider)), 이는 React Native로

UI를 만드는 방법, 특히 거의 사용되는 UIExplorer APP를 만드는 방법을 배우는 데 매우 좋은 예입니다. 앱에서 만드는 데 필요한 모든 UI 컨트롤을 살펴보세요. .

먼저 해당 도구를 설치해 보겠습니다. React Native는 Node.js를 사용하여 JavaScript 코드를 생성합니다. 컴퓨터에 이러한 도구가 이미 설치되어 있는 경우 다음 단계를 건너뛸 수 있습니다.

nvm, watchman, flow를 설치하려면 Homebrew를 사용하는 것이 좋습니다.

Mac에서 homebrew를 사용하는 경우 한 줄만 설치하면 됩니다:

brew install node

Next install watchman

brew install watchman

watchman은 Facebook용 파일 감시자입니다. React Native는 이를 사용하여 코드 변경을 감지합니다.

다음 설치 npm

npm install -g React-native-cli

nmp는 노드 관리의 타사입니다. Ruby의 RubyGems, iOS의 CocoaPods, Java의 Gradle/Maven에 해당하는 도구를 사용하면 기본적으로 프로젝트에 필요한 종속 라이브러리를 쉽게 다운로드하고 관리할 수 있습니다.

터미널에서 저장하려는 프로젝트 파일을 찾아 다음 폴더를 실행하세요.

react-native init BookSearch

위의 CLI 도구를 사용하여 네이티브 프로젝트를 빌드하면 그대로 빌드하고 실행할 수 있습니다. 프로세스가 완료되면 터미널 창에서 Xcode

BookSearch.xcodeproj

를 열고 평소대로 애플리케이션을 실행합니다. 이렇게 하면 에뮬레이터가 애플리케이션 실행을 시작합니다. 터미널 창도 열립니다. 기본 애플리케이션이 시작되면 다음 URL에서 JavaScript 애플리케이션을 로드합니다.