[Swiper-slide] 리액트에서 Swiper 사용하여 슬라이더/캐러셀 구현하기
안녕하세요 너무 오랜만에 블로그에 찾아왔습니다. 공부하던 시절 개발 현직자 분들이 현업에서 일하며 글쓰기 쉽지 않다는 말이 이제서야 공감이 가네요.. 좀 더 부지런해져야 겠습니다. 오늘은 프로젝트에서 구현했던 부분인 슬라이더 라이브러리 Swiper를 소개해볼까 합니다. 개인프로젝트와 직접 업무에 뛰어들면서의 차이는 디자인과 같게 구현해야한다는 점이죠. 이러한 면에서 어느정도 커스텀이 유용한 라이브러리를 찾는 것도 중요하다는 생각이 드는데요, 처음에는 Slick이라는 라이브러리를 설치해 구현했다가 디자인대로 커스텀하는 것에서 불편함이 느껴져서 다시 찾아보았고, npm trends에서도 최근 1년 사용성도 더 많고 업데이트도 빠르며 데모(Demo)가 잘 나와있는 Swiper라는 라이브러리르 사용하게 되었습니..
Frontend/React
2022. 10. 8. 01:34
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- reactquery
- 자바스크립트
- 클로저
- 리액트네이티브
- 무한스크롤
- 알고리즘자바스크립트
- 자바스크립트알고리즘
- 모두를위한컴퓨터과학
- React
- 백준
- GIT
- 항해99
- html
- network
- python
- React Query
- cs50
- 리액트
- 실전프로젝트
- 모두를 위한 컴퓨터 과학
- 자바스크립트 클로저
- github
- 타입스크립트
- 프로그래머스
- 프로그래머스 베스트앨범 자바스크립트
- javascript
- 자바스크립트 비동기 처리
- 프로그래머스 자바스크립트
- 네트워크
- css
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
글 보관함