
타입스크립트를 사용한 리액트 프로젝트에서 다음과 같은 에러가 발생했다. 타입스크립트 설정 파일인 tsconfig.json에서 forceConsistentCasingInFileName 옵션을 false로 변경하면 문제가 해결된다. "forceConsistentCasingInFileNames": false, forceConsistentCasingInFileName은 파일명에 일관된 casing를 강제로 적용하는 옵션이다. 일부 개발자는 대소문자를 구분하지 않고 파일명을 사용하고, 또 다른 일부 개발자는 대소문자를 구분한 파일명을 사용하게 될 경우 규칙에 어긋난다고 표시해주는 것이다.
React
2022. 10. 21. 14:58

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