typescript 썸네일형 리스트형 [React] TypeScript에서 Swiper 사용하기 // Import Swiper React components import { Swiper, SwiperSlide } from 'swiper/react'; // Import Swiper styles import 'swiper/css'; export default () => { return ( console.log('slide change')} onSwiper={(swiper) => console.log(swiper)} > Slide 1 Slide 2 Slide 3 Slide 4 ... ); }; Swiper에서 가장 기본적으로 사용되는 코드샘플이다. 다만 타입스크립트에선 해당 코드를 그대로 사용하면 ERROR in src/components/HashTag/HashTag.tsx:14:18 TS7006: Pa.. 더보기 [Error] Line 1:50: Delete `␍` prettier/prettier 에러 프로젝트를 진행하던 중 기존에는 일반적인 React를 사용하고 JavaScript로 만들던 중 추후 관리와 네이티브를 사용하기 위해 다른팀원분의 도움으로 TypeScript로 바뀌게 되었다. 팀원분이 TS로 변경한 후 push를 하신걸 확인한 후 pull을 받고 yarn install 을 실행하자마자 아름다운 에러로그다 떨어진다... 문제의 해결 방법은 구글링을 통 해 알 수 있었다. 먼저 프로젝트 내에 .esLint 파일을 열어서 아래와 같이 설정을 추가해준다. "error", { "endOfLine": "auto" } 해당 설정값을 추가해준 후 프로젝트를 재실행하면 오류가 해결된다. https://velog.io/@realsong/VS-Delete-prettierprettier-%ED%95%B4%EA.. 더보기 이전 1 다음
