[React Native] 리액트 네이티브 프로젝트 생성 삽질로그.

기존 프로젝트 외에도 새로 플젝을 생성할 일이 있어서, 타입스크립트 템플릿이 적용된 프로젝트를 생성하려고 공식 가이드를 참조했다. 

출저: RN 공홈. TS_템플릿이 적용된 플젝을 생성할 수 있다.

하지만.. 아래와 같은 에러가 발생했다.

된다고 하셨었잖아요..

처음에는 지금 내 npx 버전이 낮아서 그런줄 알고 npx를 업그레이드 해봤으나, 이게 원인이 아니였다.

그래서 아래 링크를 참고해 알아보니,

https://stackoverflow.com/questions/72768245/typeerror-cli-init-is-not-a-function-for-react-native

TypeError: cli.init is not a function for react native

RN_0.69 버전부터 생긴 버그로 아래와 같이 버전을 0.68.2로 명시해 주면 된다는 걸 알게 되었다.

npx react-native init AwesomeProject --version 0..68.2

 

이제 아래처럼 TS템플릿만 적용하고 플젝 생성하면 되겠구나 했지만

 npx react-native init AwesomeTSProject --version 0..68.2 --template react-native-template-typescript

또 다른 에러가 발생했다.

 

'아.. 일단 0.68.2 버전으로 플젝 만든다음에, 0.70.3으로 업데이트 해주고 tsconfig.json 그냥 내가 다 셋팅해줘야 하나..' 라는 생각이 들었지만, 귀찮기도하고 아무리 생각해도 뭔가 이상한 느낌이 들었다.

 

곰곰히 생각해보니 이전에 0.68.2 버전의 플젝을 하는 중, 지금처럼 새로운 플젝을 만들려고 하면 에러가 발생했던 걸 겪은 적이 있었다. 그 때 최신 릴리즈는 0.69였어서, 어쩔수 없이 0.68.2 버전으로 생성 후 따로 업글해서 사용했었다.

 

그렇다면 지금까지 0.70.3 버전이 나올때까지, 0.69버전부터 발생한 에러를 잡지 않았다는 결과로 보이는 데..

아무래도 내가 중간에 뭘 놓친것 같다는 느낌에 다시 공홈을 빠르게 다시 주욱 훝어보니

내가 보던 줄 바로 4줄 위에 이렇게 있었는 데 왜 못 봤을까..

그냥 아래순서대로 하면, 아래처럼 TS템플릿이 적용된 RN 플젝이 잘만 생성된다

npm uninstall -g react-native-cli @react-native-community/cli

npx react-native init AwesomeTSProject --template react-native-template-typescript

0.70.4로 깔릴 줄 알고 플젝이름뒤에 704를 붙였놨더니, 글을 쓰는 현재 플젝 생성시 기본 RN 버전은 0.70.3 으로 설치된다

참고로 위 스샷처럼 vscode테두리에 색깔을 넣고 싶으면, vscode extension의 Peacock을 설치해 주면 된다.

현재 백엔드랑 프론트 플젝2개를 같이 진행하는 데, 색깔로 어느쪽이 누구신지 바로 알 수 있어서 꽤 편하다.

이쪽플젝에 작성할 코드를 저기플젝 코드에 작성하는 바보짓을 방지하는 데 도움이 된다.

 0.70.4 버전에 대한 정보는 아래링크들에서 참고할 수 있다.

info React Native v0.70.4 is now available (your project is running on v0.70.3).

info Changelog: https://github.com/facebook/react-native/releases/tag/v0.70.4

info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.70.3

info For more info, check out "https://reactnative.dev/docs/upgrading".

현재 0.70.4로 업글하려면 아래 스샷처럼 package.json을 수정해줘야 한다. 선택은 자유.

글을 쓰는 현재 npx react-native upgrade로는 0.70.4로 업글할 수 없고, 손수 해드려야 한다 🥱