# React-slick

15개의 포스트
post-thumbnail

React-slick 버그가 있다(..?)

프로젝트에 React-slick 라이브러리와 input 태그의 multiple 속성을 사용하여 이미지 CRU (Create, Read, Update) 구현하였다.구현하는 도중 버그아닌 버그(?)를 발견하였다!먼저 아래는 React-slick에서 제공하는 slider의

2022년 6월 25일
·
0개의 댓글
post-thumbnail

react-slick

react-slick, Carousel

2022년 6월 8일
·
0개의 댓글
post-thumbnail

React-Slick으로 슬라이드 구현하기

이번 2차 프로젝트에서는 라이브러리를 자유로이 쓸 수 있었다(!)레이아웃 과정에서 구현해보고 싶었던 기능이 이미지 슬라이드 부분이었다. 1차 프로젝트 때는 라이브러리를 사용하지 않고 transformX 와 transition을 활용했는데, 이번에는 Styled Comp

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

React-nodebird -05

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

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

14)<페이지네이션>살려주세요 게시물 목록 페이지가 -100페이지까지 가요 Pagination ! 실무형 코드중심 코드캠프! Code-camp FE 6기

포트폴리오 리뷰 오와 원두멘토님은 되게 ㅇ예쁘게 해오셨다 ! 근데 잼라이브.. 넘 고인물 아닌가 ? 푸합.......약간 큐플레이 느낌...헤헹 하지만 존경합니다 멘토님 이 폴더 구조 잊지 말고 component가 레이아웃에 prop.children으로 들어가는거

2022년 3월 31일
·
0개의 댓글
post-thumbnail

11) 인기짱 라이브러리들을 쓰자! ant-design! 이벤트 버블링! 근데 이번주 월화수목금은 25시간 잘수있을까 (?) (code-camp fe 6기)

goodmorning self study이제 알고리즘이 어렵다 나에게 너무...풀었던 문제도 다시 푸는 습관을 들여야한다.. 이문제는 풀이보고 겨우 이해한 문제이고..! 이문제는 풀이를 찾아보고도 이해못한 문제 ^^>...눈물나네 아침부터 굿모닝 아니네.... 이따 알

2022년 3월 28일
·
0개의 댓글

React-slick으로 슬라이드 만들기

일단, npm 혹은 yarn으로 react-slick과 slick-carousel을 설치합니다.혹은(타입스크립트 사용시 @types/react-slick 추가 설치)가장 먼저, 슬라이드 설정을 해줘야 합니다.dot: 슬라이드 밑에 점으로 나타내는 것을 보여주냐 여부 설

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

[React] react-slick 라이브러리 styled-components로 커스터마이징 하기

react-slick 라이브러리는 React Carousel을 사용하기 쉽게 라이브러리화 시킨것을 의미합니다.실제로 react만을 이용해 carousel을 만들경우, 하단에 무한 carousel 이나 하단에 dot 등 고려해야 할 것이 많기 때문에 사용법만 안다면 훨씬

2022년 2월 19일
·
0개의 댓글
post-thumbnail

[React] #4. react-slick

산학협력프로젝트2 교과목의 프로젝트 Uni-Us를 진행하던 중에 메인 페이지의 배너 이미지를 슬라이드를 구성해야 했습니다. 라이브러리를 찾아 사용하여 시간을 절약할 생각이었고 다양한 라이브러리들이 있었지만 가장 사용을 많이하고 그리고 깔끔해보였던 react-slick을

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

[React] react-slick 사용기

설치 참고 url :https://react-slick.neostack.com/docs/get-started 1.npm 으로 설치 (or yarn)

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

[3분 TIPS] React-Slick 쉽게 사용하기

React-slick, 쉽지만 더 쉽게 사용하기 😄

2021년 7월 16일
·
2개의 댓글
post-thumbnail

React-slick (슬라이드쇼 만들기)

react-slick

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

Team project - 왓챠 (1)

이번 1차 프로젝트로 왓챠피디아 홈페이지를 선택했다. 메인 페이지의 중복되는 레이아웃을 component 단위로 나누고 React 라이브러리인 slick을 사용하여 슬라이드를 구현하였다. 또한 내가 직접 버튼을 커스텀 하였다 처음에는 적용하는 방법을 찾느라 시간이

2020년 8월 22일
·
0개의 댓글
post-thumbnail

React-slick에 styled-components 적용해 캐러셀(Carousel) 구현하기

React-slick을 이용해 Carousel을 구현하며 styled-components를 적용했다. 설치법과 적용법을 상세히 작성해보았다.

2020년 8월 16일
·
2개의 댓글