Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- for~in/for~of
- dom
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- ㄷㅌ
- UI
- 자바스크립트
- toString#String
- https://developer-talk.tistory.com/299
- https://www.daleseo.com/js-array-slice-splice/
- 헷갈린다~
- variable#function
- 내장고차함수
- @redux-toolkit
- 자바스크립트#조건문#문자열
- removeCookie
- User Flow
- JS#3일차달리자#초반인데#시간금방~
- UX
- slice/splice/split
- redux상태유지
- CSS
- 노드교과서
- js
- react
- Beesbeesbees
- 자바스크립트#JS#var#let#const#undefined#null
- cmarket
- children vs childrenNodes
- 자바스크립트#JS#slice#splice
- https://dasima.xyz/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EA%B3%B1-math-pow-%EA%B3%84%EC%82%B0/
Archives
- Today
- Total
목록react-slick (1)
Daily Front_Minhhk
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/b0WR3E/btr5dfRUoee/gDtiOteK0vP01YB432wC7k/img.png)
메인페이지의 캐러셀 구성을 위하여 react-bootstrap 을 적용 해보았지만,, 기존 css 와 전체적으로 다 충돌이 일어났다ㅠ 그래서 찾아 보던 중 💡 react-slick 을 발견했다!! 1. 우선 두가지 패키지를 설치를 해주자!! npm install react-slick npm install slick-carousel 그리고 최상단에 import! // 캐러셀 적용 컴포넌트 import Slider from "react-slick"; // 캐러셀 적용 css 이것도 꼭 import! import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; 2. 제일 기본으로 제공하는 캐러셀 예시에서 div 대..
Project
2023. 3. 21. 13:52