일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- JS
- react
- 퍼블리셔
- react이론
- 웹뷰 페이지 로딩
- scrollIntoView scrollTo
- safari wiondow.open
- RN navitate push
- 리액트
- js 특정 위치로 이동
- React-Native IOS
- styled component 작동 안될때
- gsap
- 임고미
- React-Native 공부
- rn webview page loading
- gsap 기초
- React Native navigation
- 타입스크립트
- styled component 작동안함
- input 숫자입력
- React Native SafeArea Custom
- react native safeArea
- styled component
- 트윈맥스 기초
- SafeArea 커스텀
- slick slider 간격
- 프론트앤드
- reactnative 웹뷰 페이지 로딩
- styled component is not working
Archives
- Today
- Total
목록slick 간격주기 (1)
개발공부 임고미
[Slick-slider] React slick 세팅/간격주기/드래그 중 클릭막기 - 간격주기 / Hover효과 영역[2]
React에서 많이 사용하는 Carousel은 여러가지가 있겠지만, 그 중 직관적이고 많이사용하는 slick slider을 이용해 Carousel을 뽀개..보겠습니다! 사용한 스택 : React / TypeScript / emotion emotion은 styled-component와 비슷하니 문법만 잘 수정하면됩니다 styled-component를 사용할경우 하나 확인해야할 부분은 반응형 적용부분입니다! 목차 1. 슬라이드 세팅 2. 간격주기 / hover 효과 영역 3. 드래그중 클릭 막기 간격주기 1. css custom 간격을 주기위해선 slick slide의 css를 수정해줭하는 수밖에 없습니다. [기본] //오른쪽으로 20px만큼 간격주기 .slick-list { marign-right: -..
리액트/라이브러리
2022. 4. 28. 18:40