[Project] Typescript로 React Native 프로젝트 만들기 - 1

지금 프로젝트는 React Native 70.0 이상, Typescript 6.12.10 이상인 최신 버전의 프로젝트를 만들어 보려고 합니다.

그래서 터미널에서 아래의 명령어로 프로젝트를 생성할려고 했습니다.

// Typescript로 react native 프로젝트를 생성할 때 사용하는 명령어
npx react-native init [프로젝트 이름] --template react-native-template-typescript@6.12.10

 

위의 명령어를 하면 생성과 동시에 필요한 기본적인 라이브러리를 설치를 하는데

저는 설치하는 도중에 에러가 발생 하였습니다. 

프로젝트 생성할때 발생한 에러

 

처음에는 대충 뭐가 문제이겠네 정로도 추측만 되는 상황이었습니다. (뭔가 ios에 적용하는 과정에서 문제정도로 생각...)

그래서 제가 직접 라이러리를 설치하고 적용하는 과정을 하면서 무슨 환경에서 에러가 나는지 알고 싶었습니다.

---

아래의 명령어로 라이브러리 설치 없이 하나씩 진행을 해보았습니다.

// 라이브러리 설치 없이 프로젝트 생성하는 방법
npx react-native init [프로젝트 이름] --template react-native-template-typescript@6.12.10 --skip-install

https://github.com/CocoaPods/CocoaPods/issues/11641#issuecomment-1317210370

Cant install pods when generating new React native project · Issue #11641 · CocoaPods/CocoaPods

 

---

프로젝트 > iOS 폴더에서 pod install 하는 과정에서 에러가 발생한다는 걸 파악을 했습니다.

pod install 했을 때 발생한 에러

위의 에러는 Xcode 인식을 못해서 발생한 에러라고 찾았습니다.

그래서 아래 명령어를 실행 시켜주었습니다.

sudo xcode-select --switch /Applications/Xcode.app
pod install

 

처음에는 'sudo xcode-select --switch /Applications/Xcode.app' 명령어가 듣질 않았습니다.

생각해 보니 저는 다른 버전의 Xcode를 웹에서 설치를 하는 과정에서 앱 이름이 'Xcode 3'로 되어 있어서 찾지 못한다는 이유였습니다.

그래서 폴더에서 응용프로그램(Applications)에서 'Xcode 3' 앱 이름을 'Xcode'로 바꾸고 실행하니 잘 실행되었습니다.