티스토리 뷰
flicking slider를 사용하여 auto play 기능을 넣으려면 https://github.com/naver/egjs-flicking-plugins
GitHub - naver/egjs-flicking-plugins: Plugins for @egjs/flicking
Plugins for @egjs/flicking. Contribute to naver/egjs-flicking-plugins development by creating an account on GitHub.
github.com
를 설치해야한다. 개인적으로 라이브러리 설치는 별로 안 좋아하는데, 일단 큰 틀을 만들어 두고 정리를 해 보도록 하자. 지금은 뭐라도 코드를 만져보고 싶다.
플러그인은 배열로 구성하여 넣어주면 되는 것 같다.
그리고 내가 그렇게 고민했던 x-scroll 움직임은 flicking의 기본 기능이었다..!
https://hyermione.tistory.com/46?category=544028
[Challenge] - 네이버 쇼핑 14일차 : 고민...
슬라이더를 네이버와 같게 직접 구현하고자 했다. 내가 파악한 포인트는 크게 두 가지인데, 자동으로 슬라이드 되며, 무한으로 돌아갈 것 x-scroll을 마우스로 움직일 때, 슬라이더 바도 함께 움직
hyermione.tistory.com
'Challenge > 네이버쇼핑' 카테고리의 다른 글
[Challenge] - 네이버 쇼핑 19일차 : 슬라이더 스크롤 0.2px (0) | 2022.03.27 |
---|---|
[Challenge] - 네이버 쇼핑 18일차 : 슬라이더 스크롤 (0) | 2022.03.26 |
[Challenge] - 네이버 쇼핑 16일차 : Flicking react 공부하기 (0) | 2022.03.24 |
[Challenge] - 네이버 쇼핑 15일차 : Flicking (0) | 2022.03.23 |
[Challenge] - 네이버 쇼핑 14일차 : 고민... (0) | 2022.03.22 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- gitRebase
- 크롬
- js
- 프론트앤드
- react
- 자바스크립트
- storybookUI
- 깃명령어
- frontend
- reacthook
- 센트리
- 깃
- TIL
- javascript
- BFCache
- 모바일사파리
- sentry
- 김민태
- npm
- js테스트
- Git
- CSS
- 센트리모니터링
- 리액트상태관리
- 리코일
- 프론트엔드
- 리액트훅
- 사파리
- vue
- 리액트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
글 보관함