React 프로젝트 생성 feat. Typescript

처음 리액트 프로젝트 생성했을땐 그냥 npx create-app my-app 으로 진행해서 타입스크립트가 적용이 안된채로 타입스크립트 환경설정을 해주었다. 하지만 지금 새로운 프로젝트를 생성할 필요가 느껴져서 다시 찾아보려 하니 익숙했던 부분이 익숙치가 않아져서 불편했다. 

그래서 이 사이트를 우선 참조했다

 

https://velog.io/@defaultkyle/react-with-ts-1

[Study] React _ TypeScript 적용하기 #1

 

 

그리고 기존에 설정했던 타입스크립트 부분을 적용을 같이 시켜주었다.

 

다시한번 새롭게 설정하려 하니 새록새록 기억이 났다.

 

.scss 파일설정 , .env , axios , redux 등등.

 

 

 

원래 초기에는 그냥 타입스크립트 적용 없는 디폴트 자바스크립트를 사용했는데 자바나 스위프트를 경험한 나에게는 너무 불푠했다.

 

자동완성이 되질 않고 디버깅하는게 일반적으로 시간이 오래걸렸다.. 왜냐!!! 자동완성이나 틀린곳을 알려주는 부분이 없기 때문이다.

 

그래서 되짚어보는 시간이 많아서 타입스크립트를 적용하여 쉽게 알 수 있도록 한것이다..