react-challengers / Codefolio

부트캠프 수강생들이 작업한 프로젝트를 체계적으로 정리하여 채용과 연계할 수 있는 포트폴리오 공유 서비스

https://code-folio.vercel.app/

1 stars 2 forks source link

캐러셀 라이브러리 선정 #44

Closed Jeremy-Kr closed 1 year ago

Jeremy-Kr commented 1 year ago

캐러셀 라이브러리를 선정하기 위한 이슈입니다.

대표적인 캐러셀 라이브러리들의 npm trend

위 트랜드를 바탕으로 선택지를 줄이기 위해 상위 2개의 라이브러리를 비교하고자 합니다.
단순 지표 비교표

라이브러리 목록

1. swiper

공식웹사이트 사용 레퍼런스 블로그

대표적인 캐러셀 라이브러리. 대부분의 상황에서 적용이 가능합니다.
React를 공식적인 내장 기능으로 지원합니다.
다양한 설정을 할 수 있는 만큼 복잡합니다.

2. slick-carousel

공식웹사이트 사용 레퍼런스 블로그

제이쿼리 의존성이 강한 바닐라JS용 라이브러리입니다.
React와 함께 사용하려면 react-slick를 사용할 수 있습니다. react-slick
다양한 설정을 하기는 어렵지만 단순합니다.

결론

여러 방면에서 보았을 때, 다양한 설정을 지원하는 swiper를 도입하는게 초기 셋업 비용은 들지만 현명해 보입니다.
만일 단순하게 디테일 페이지에서만 캐러셀을 사용하고, 크게 커스터마이징이 들어가지 않는다면 react-slick의 도입을 고려해 볼 만한 것 같습니다.
위 사항들에 대해서 확인 해 주시고, 댓글로 의견 부탁드립니다.

@yunjunhojj @nno3onn @arch-spatula @hyoloui

hyoloui commented 1 year ago

참고로 디테일 페이지에서 이루어지는 인터렉션 입니다!

arch-spatula commented 1 year ago

swiper

yunjunhojj commented 1 year ago

swiper 사용하면 best 일 것 같습니다!

nno3onn commented 1 year ago

swiper에 동의합니다

Jeremy-Kr commented 1 year ago

여러분의 성원에 힘입어 swiper로 결정하겠읍니다. 감사합니다.