[ TypeScript ] CRA setting

💡 시작하며

create-react-app으로 다음 문구를 입력했다.

npx create-react-app (폴더명) --typescript

그러나 나는 계속해서 TS형식의 리액트 세팅이 아닌 JS형식의 세팅이 되었고,
이에 관한 해결을 결국 몇 시간에 걸쳐 해냈다.
참 멋쩍지만, 나같은 실수를 하는 사람들이 헛발질을 하지 않도록 글을 남긴다.

🔍 공식문서 탐색

맨 처음에 들어간 곳은 타입스크립트 핸드북.
결과적으로 js -> tsx로 바꿔주는 작업을 일일이 실행하고,
타입선언이 되지 않은 곳은 타입도 선언해준 결과, 작동은 됐다.

그러나, 내가 원한 것은 직접 세팅이 아닌 간편한 CRA 세팅이었기에,
이에 관한 해결을 하고자 계속 문제를 탐색했다.

그러다 결국 도착한 곳은 이곳.
첫 부분을 보자마자 아, 제대로 찾았구나 싶었다.

If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.

어쩌면 기존 npx로 부르는 패키지가 최신이 아니라면, 발생할 수 있는 문제라고 인식했고 결과적으로 이를 다음과 같이 처리했다.

yarn create react-app (폴더명) --templete typescript

결론적으로 TS 형식으로 리액트가 성공적으로 초기세팅이 된 채로 나왔고, 몇 시간만에 인강을 들을 수 있었다. 😊

👏 마치며

결국 잘 정돈된 기존 문서만큼 오류에 대해 잘 파악하기 쉬운 곳도 없는 듯하다.
앞으로도 꾸준히, 신빙성 높은 document를 참고하며 문제를 해결해나가야겠다.