오랜만에 리액트 토이 프로젝트를 생성하는데 오류가 발생했다.
npx create-react-app my-app --template typescript
이러한 오류가 발생한다.
"Could not resolve dependency: peer react@ ^18.0.0 from @testing-library/react@13.4.0"
"Fix the upstream dependency conflict, or retry"
testing-library 의 의존성은 18버전과 맞다.
즉, React 19버전과 testing library의 의존성 관계에서 충돌이 발생했다.
해결
react v18로 다운그레이드 후 testing-library를 설치해주자
npm install react@18 react-dom@18 @testing-library/jest-dom@5.17.0 @testing-library/react@13.4.0 @testing-library/user-event@13.5.0 web-vitals
결과
잘 나온다 ! 그런데 왜인지 tsconfig.json 파일이 자동으로 생성되지 않아서 수동으로 파일을 추가해주었다. 그러니 문제없이 잘 생성이 되었다.
tsconfig.json
tsconfig.json은 TS를 JS로 변환 시키는
컴파일(트랜스파일) 설정 파일이라고 보면 된다.
typescript config(설정) 파일인데 json형태로 작성해놓은..
tsc
tsc는 타입체크와 트랜스 파일링을 담당하는 명령어이다.
tsc를 사용하면 tsconfig.json 파일을 참고하여 트랜스 파일링이 일어난다.
tsc app.ts => app.js로 변환된 파일
동시에 타입체크를 진행하여 해당 파일의 타입 오류여부를 알려준다.
