# slider

20개의 포스트
post-thumbnail

Carousel 구현하기

Carousel은 슬라이드 쇼와 같은 형식을 가지며, 스크롤을 내리지 않고도 유저에게 다양한 정보를 제공할 때 사용한다.

어제
·
0개의 댓글
post-thumbnail

React-nodebird -05

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

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

[Flutter] Class에 인자전달해서 반응형슬라이드?만들기

인자를 전달해서 결과값에 따라 바뀌는 슬라이드만들기

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

Slider Structure w/transition transform

Slider를 구현한다. pure CSS로 구현할려고 하는데 헷갈린다. 아래는 정리된 코드이다. 기억 메모 ─Slider 슬라이더 영역을 설정 └ areaBeShown 컨텐츠가 보여지는 영역 (오버되는 컨텐츠는 감춘다. overflow:hidden) └ movin

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

[KDT]FCFE - 3주5일 slider 만들기

A -> B -> C -> A -> B -> C -> A -> B -> C 로 만들기 위해C'-> A -> B -> C -> A' 로 양끝에 클론을 만들어 놓고양끝에 C' 혹은 A' 에 도착하면 에니매이션을 잠깐 끄고 C 혹은 A 로 다시 옮긴다.insertBefore

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

BMI calculator

goal : bmi calculator 앱 구현 및 리팩토링

2021년 12월 1일
·
0개의 댓글

React Slider/Carousel 구현.

리액트로 구현하는 위에서 아래로 움직이는 무한 슬라이더!

2021년 11월 26일
·
0개의 댓글

내가 쓰려고 모으는 슬라이드(+수많은 플러그인)

플러그인 종류가 너무 많다pug, scss, less, sass, postcss, babel 등등변환을 해도 정상적으로 작동하지 않을때가 있지...원하는게 안 맞춰질 때는 우울했다가 한 번 성공하고 나면 기분이 날아갈듯이 좋다 ㅋㅋㅋㅋㅋ나만 이런거 아니겠지?언젠가는 꼭

2021년 10월 15일
·
2개의 댓글

CSS Slider

스크립트를 사용하지않고 CSS만을 이용하여 슬라이더 구현이 가능하다.codepen 작성 중https://velog.io/write?id=01dd8b9e-03db-467c-bfef-fbde2ab4e4a7

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

[iOS / Swift] UISlider에 대해 알아보자!

안녕하세요~ 오늘은 새로운 object인 UISlider에 대해 공부를 해보겠습니다. 무언가를 옆으로 밀면서 제어를 할때 slider를 많이 쓰고 하는데 대표적으로 음악 앱의 볼륨 조절을 예시로 들 수 있겠습니다. 그럼 더 자세하게 알아보죠! 애플에서는 UISlide

2021년 6월 5일
·
1개의 댓글
post-thumbnail

[Jquery - 실습] 버튼식 이미지 슬라이더

웹페이지에서 이미지를 노출시킬 때 유저가 버튼을 누르면 그에 맞는 이미지와 텍스트가 나타나는 반응형 이미지 슬라이더를 Jquery를 사용하여 구현하는 것을 통해 each()와 addClass()등의 jqeury 주요 메서드를 이해한다. 💡주요 로직 각각

2021년 4월 29일
·
0개의 댓글
post-thumbnail

react-typescript로 캐러셀 슬라이더 만들어보기

라이브러리에 의존하게 되는것 같아서 연습삼아 이미지 슬라이더를 만들어 보았다.1.슬라이더 이미지박스인 Slider컴포넌트와 아래 SliderDot컴포넌트를 분리하였다. (각자의 기능이 컴포넌트안에서 연관이 없었기에 코드가 길어지는 것보다 나누는것이 나을것으로 판단하였다

2021년 4월 14일
·
0개의 댓글

[신입17] JQuery Slider Plugin - AutoPlay (Slick, Swiper, bxSlider)

리베하얀님의 [JQuery Plugin] 유튜브 강의를 보며

2021년 2월 13일
·
0개의 댓글

[신입16] JQuery Slider Plugin 기초 (Slick, Swiper, bxSlider)

리베하얀님의 [JQuery Plugin] 유튜브 강의를 보며

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

27. Click and Drag

가로 슬라이드 UI에서 마우스를 클릭 후 드래그를 통해 슬라이딩 효과 구현 내용mousedown 이벤트 발생 시 시작점, 좌측 scroll 최초 값을 저장mousemove 이벤트 발생 시, 저장된 시작점으로부터 드래그된 거리를 위에서 저장된 좌측 scoll 최초 값에

2020년 12월 19일
·
0개의 댓글
post-thumbnail

TIL. 슬라이드가 무한으로 된다고? (carousel Slider)

종종 웹사이트를 보다보면 상품이나 메인 이미지가 양옆으로 버튼을 누르면 무한대로 다음이나 이전 이미지로 바뀌는 것을 볼 수 있습니다.찾아보니 이런 기능을 carousel Slider라고 한다나 뭐라나...어쨌든 기능 이름은 중요하지 않습니다.이것을 구현해 보는게 중요하

2020년 9월 13일
·
0개의 댓글
post-thumbnail

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

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

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

Vue.js에 slide 적용하기 (Vueper Slides)

시작 및 사용법 모듈 설치 Import > 모듈을 설치하고 임포트를 하면 사용할 준비가 끝납니다. > 사용법은 해당 모듈 사이트에 너무 자세히 나와있어 부가 설명이 불필요할 것으로 판단하여 사이트 주소를 남깁니다. > 공식 사이트: Vueper Slides > >

2019년 12월 18일
·
3개의 댓글