# Slick

14개의 포스트
post-thumbnail

React-nodebird -05

현재 내가 만들고 있는 트위터 비슷한 이 노드버드 프로젝트에는 사람들이 게시글을 올릴 수 있고, 그 게시글에는 기본 글 외에도 이미지,해쉬태그 등을 올릴 수 있을 것이다.이미지 작업을 해보자.우선 post reducer의 맨 처음 게시글에는 3종류의 이미지를 넣어주었다

2022년 4월 16일
·
0개의 댓글
post-thumbnail

slick 슬라이더 적용하기.

퍼블리셔가 유용하게 사용할 수 있는슬릭 (slick)슬라이더 적용 방법을 알아보자.슬릭 공식홈페이지 :http://kenwheeler.github.io/slick/슬라이더를 적용시키는 방법은 두가지가 있다.1\. Download Now 버튼으로 파일을 다운받아

2022년 4월 12일
·
0개의 댓글

slick(슬릭) 슬라이더 정지, 재생 버튼 추가하는 함수 (스위치) addClass, removeClass

클래스 추가하는 함수클래스를 제거하는 함수제이쿼리 재생 정지버튼 할때 함수에 쓰임// CSS에 .on 붙여쓰기 (띄어쓰기 X)이 방법은 슬릭에서만 쓰인다.스와이퍼는 다른 방법으로 적용된다.

2022년 4월 12일
·
0개의 댓글

React | react-slick (library)

이번 2차프로젝트에서 슬라이드를 구현해야했는데, 이전에 캐러셀을 바닐라 자바스크립트로 만들어봤었고, 라이브러리는 한번도 사용해보지 않았기 때문에 궁금증이 컸다. 한편으로는 직접 만들어서 사용하는 것이 라이브러리의 사용법을 익히는 것보다 빠르고 편하지 않을까? 라고 생각

2022년 1월 13일
·
0개의 댓글
post-thumbnail

[TIL]_React - Slick slide

리액트 슬라이드 라이브러리📝 SimpleSlider 사용법공식 사이트 👉 https://react-slick.neostack.com/👉 기본 설치와 슬라이더의 css작업을 위한 npm 두가지 모두 설치해야한다. ✅ 슬라이더의 기본 형태는 공식문서에 들어

2021년 11월 21일
·
0개의 댓글
post-thumbnail

SHOE-KREAM 메인페이지

메인부분의 케러셀 부분은 1차와 달리 라이브러리 사용이 가능했기에, slick 라이브러리를 통해서 쉽게 구현할 수 있었다. slick 라이브러리를 구현할때 주의해야할 점은 css 부분인데, 처음 slick 라이브러리를 갖다 붙였을땐 화살표가 안보일 수도 있고, 밑에 .

2021년 10월 31일
·
0개의 댓글
post-thumbnail

InfLearn 케러셀 기능

Slick 라이브러리 사용하기

2021년 10월 30일
·
0개의 댓글
post-thumbnail

캠프 3주 3일차

Day-17 NPM(캐러셀 이미지 (React-slick))

2021년 7월 21일
·
0개의 댓글
post-thumbnail

Open API 에서 받아온 이미지로 Carousel(Slider) 만들기

어제와 오늘은 헤더에 Carousel 만드는 작업을 진행해 보았다.화질은 아무래도 Open API를 통해서 랜덤 이미지를 가져오다보니 Object-fit으로 했을 때 화질이 깨질 수 밖에 없었다. 실무에서 Carousel을 만든다면 디자이너에게 딱맞는 이미지 px을 받

2021년 5월 27일
·
0개의 댓글
post-thumbnail

slick slide button cursor 효과

slick slide 에 있는 botton 을 커스터마이즈하여 커서효과를 적용표시되는 아웃라인을 없애고 slick-prev, slick-next는 버튼태그이며, 반으로 같은 크기로 속성을 주었다.

2020년 10월 14일
·
0개의 댓글
post-thumbnail

slick-slide

반응형 웹을 지원하는 슬라이더 라이브러리로 나는 여러 article을 슬라이더 효과를 주어 표현하고자 사용하게 되었다.

2020년 10월 7일
·
0개의 댓글

larocheposay clone project 1.slick

larocheposay clone project : slick 사용하기 라로슈포제 메인페이지에는 최상단 이미지 슬라이드, 제품 슬라이드 4개, 리뷰 슬라이드까지 슬라이드가 무려 6개나 사용되었다. 사실 이렇게 남의 코드 가져다 사용하는 건 배운 적도 없고 난생 처음 맨땅에 헤딩이라 시작할 때 너무 어려웠지만 slick을 여섯 번이나 (정말 진짜 진심으...

2020년 7월 25일
·
0개의 댓글
post-thumbnail

[+41 ] slick 사용

slick에 대해 알아볼 수 있는 페이지importclass extends위에 화살표 함수 2개 두기1번2번render와 return 사이에 원하는 settings 배치slick쓸 곳에 slider로 감싸고 settings 다 가지고 오기{...settings}에서 .

2020년 3월 8일
·
0개의 댓글

(TIL 30일차) 스타일쉐어 1차 프로젝트 OOTD (4)

스타일쉐어 Slick 커스텀

2020년 2월 27일
·
0개의 댓글