[React 에러 일지] Already included file name ...differs from file name ...only in casing. (TypeScript)
타입스크립트를 사용한 리액트 프로젝트에서 다음과 같은 에러가 발생했다. 타입스크립트 설정 파일인 tsconfig.json에서 forceConsistentCasingInFileName 옵션을 false로 변경하면 문제가 해결된다. "forceConsistentCasingInFileNames": false, forceConsistentCasingInFileName은 파일명에 일관된 casing를 강제로 적용하는 옵션이다. 일부 개발자는 대소문자를 구분하지 않고 파일명을 사용하고, 또 다른 일부 개발자는 대소문자를 구분한 파일명을 사용하게 될 경우 규칙에 어긋난다고 표시해주는 것이다.
React
2022. 10. 21. 14:58
[React] Slick Slider 사용하기 + TypeScript
Slick Slider는 꽤나 잘 알려진 Carousel 라이브러리다. 리액트에서 사용하려면 리액트용 Slick Slider를 설치해야 한다. 설치부터 사용 방법까지 알아보자. React Slick Slider 사용하기 1. React 프로젝트 경로에서 npm으로 설치한다. react-slick : react slick 설치 slick-carousel : slick 기본 스타일 css 설치 npm install react-slick slick-carousel 타입스크립트 버전 타입스크립트의 경우 여러 옵션에 타입이 정해져 있어야 하기 때문에 타입스크립트용 react-slick도 설치해주어야 정상적으로 작동한다. npm install react-slick @types/react-slick slick-car..
React
2022. 2. 26. 13:48