1lines

 만약 Expo를 이용해서 App을 개발하던 중에 Native Code를 사용하기 위해서 "ejected"를  진행할수 있다.

 실제로 Expo 를 이용해서 진행하지는 않을 예정이지만, 

 $ expo eject 

eject 명령에 대해서 아래와 같이 선택할 수 있는데, Bare, ExpoKit, Cancel을 선택할 수 있다. 

빨간색으로 표시한 네모칸이 실제 Android Studio, XCode를 이용해서 React Native를 기동시킬 수 있는 프로젝트 폴더이다.

[npx]

npm 5.2.0 이후부터, 

 새로운 바이너리로 npm 과 함께 npx가 소개되었다. 

 npm 은 지년 수년간 packages를 로컬과 전역에 설치하는 방식에 대해서 증진을 이뤘다. 

 그중에 기존에 로컬에 package를 설치하기 위해서 사용하던 dev-dependencies가 있었는데, 이를 없애고자 하는 

 움직임도 있었다. 이런 움직임 속에서 제공되기 시작한 것이 npx이다,. 

 npx : npm package runner 로 명시적으로 설치하지 않고 패키지를 실행시키는 것을 돕는다. 

• 일회성 명령을 실행 시킬 때,
• Gist 기반 scripts를 실행 시킬 때, 
• npm module의 다른 버전을 사용하고 싶을 때,
• 전역적으로 설치할 수 있는 권한이 없을 때,

즉 

$ npx react-native init workingTimer 

 위의 의미는 react-native라는 모듈을 별도의 설치 없이 패키지를 실행시킨 것이라고 생각하면 된다.

[gem]

 gem은 ruby에서 쓰이는 라이브러리 패키지이다. 

 cocoapods가 RubyGems와 Bundler의 조합에 영감을 받아 만들어졌기 때문에 rubygems를 이용해서 라이브러리

를 관리한다. 

[cocoapods]

CocoaPods는 Swift 및 Objective-C 프로젝트의 라이브러리 관리자

Maven이나 Gradle과 느낌이 유사하다. 

$ sudo gem install cocoapods

Podfile - 종속성 관리를 위한 파일 : pod install, pod update 등 명령어를 사용할 때 필요한 파일이다. 

$ pod install

  새로운 pod를 다운로드 받고 설치한다. pod install의 경우에는 

$ pod outdated

 모든 pod에 대해서 Podfile.lock 안에 목록화된 것보다 신규 버전일 경우 모드 목록화 한다. 

 이후 pod install을 하게되면 해당 pod들은 모두 업데이트 될 것이다. 

$ pod update {PODNAME} 

  설치되어 있는 Pod들을 PODNAME에 따라서 버전 업데이트에 사용할 수 있으며 POSNAME을 빼면 PodFile의 목록을 기준으로 업데이트 처리한다. 

install 명령를 update 명령어 처럼 이미 설치된 pod에 대해서는 사용하지 않는다.

[xcodeproj]

 HealthTimer.xcodeproj 는 실행할 때도 쓰지만, 프로젝트의 설정파일들이 포함되어 있다. 

 제품을 만들기 위한 모든 파일과 리소스, 정보들을 가지고 있다.

[xcworkspace] 

 HealthTimer.xcodeproj 를 포함한 프로젝트를 논리적으로 묶어주는 역할을 한다. 

 즉 xcworkspace는 xcodeproj를 큰 틀에서 묶을 수 있다. 

[MetroBundler]

 React Native App은 자바스크립트를 기반으로 컴파일되는 App이다. React Native Project를 빌드 할 때, Packager가 MetroBundler를 호출한다. 이는 webpack과 비슷하지만 React Native App을 위한 것이다.

 Metro는 기본적으로 8081 포트를 이용해서 React Native App과 통신한다. 

 즉, Java나 Swift 처럼 번역되는 것이 아닌 우리가 짠 React Native Code를 Native Modules에 의해서 Javascript Thread가 실행시키는 방식이다. 즉 Metro는 React Native App과 내부적으로 통신을 한다. ( 이때 기본 포트가 8081이다 ) 

 XCode를 이용해서 React Native App을 실행 시킨 후에 아래의 Link로 들어가보면 조금 이해될 수 있다.

 http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false

 기본 컨셉에 대해서는 링크에서 확인할 수 있다. - https://facebook.github.io/metro/docs/en/concepts