Intro
현재 Typescript 기반으로 react 프로젝트를 진행하고 있다. 맡은 기능 중 슬라이드를 구현해야 했는데, Slick 이라는 라이브러리를 사용했다.
Slick
https://react-slick.neostack.com/
Slick 이 궁금하다면 위 링크로 들어가서 확인 바람 :)
Problem
$ yarn add react-slick slick-carousel암튼, 나는 다음의 명령어를 통하여 Slick 을 설치했다. 그리고 아무 생각없이 잘 사용했다.
코드 리뷰를 하던 도중 ..! module을 import 하는 부분에서 type error 발견 ㅎㅋ Typescript에 익숙하지 않다보니..계속 놓치게 되는 부분인 것 같다..
How to solve
$ yarn add react-slick @types/react-slick slick-carousel- react-slick : react 에서 사용 가능한 slick 슬라이드
- @types/react-slick : typescript 에서 slick 를 사용하기위한 type interface가 정의되어있다.
- slick-carousel : slick 에서 사용할 css 를 import 하기위함
처음 react-slick 모듈을 삭제하고, @types/react-slick 를 추가해줬는데 안되길래 화났는데, 알고보니 다같이 함께 설치를 해줘야 했었다. ㅎㅎ;;
해당 명령어로 모듈 설치 후 다시 실행해보니 type error 없이 잘 작동한다. 🙌
Conclusion
타입 주의 주의 주의 주의하자!!!!!!!!!!
Step by step goes a long way ✨