# slider

React Volume Slide 만들기
프로젝트를 진행중에, 이러한 시안이 날라왔다. 대충 볼륨을 컨트롤 할 수 있는 Slider를 제작하는 것.우선 여러가지 선택사항이 있는데, material UI를 사용하여, 간단하고 이쁜 슬라이더를 가져다 쓰는것, 아니면 직접 구현이 있었다.우선 라이브러리를 쓰는것 보

[FLUTTER] RangeSlider
Flutter의 기본 위젯인 RangeSlider에 대해서 알아보려고 한다.슬라이더 형식의 범위 선택기이며, 다양하게 커스텀하여 사용할 수 있다.기본적인 사용법은 values 파라미터에 RangeValues(min, max)값과 onChanged 함수를 필수 값으로 작

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

React-nodebird -05
현재 내가 만들고 있는 트위터 비슷한 이 노드버드 프로젝트에는 사람들이 게시글을 올릴 수 있고, 그 게시글에는 기본 글 외에도 이미지,해쉬태그 등을 올릴 수 있을 것이다.이미지 작업을 해보자.우선 post reducer의 맨 처음 게시글에는 3종류의 이미지를 넣어주었다
Slider Structure w/transition transform
Slider를 구현한다. pure CSS로 구현할려고 하는데 헷갈린다. 아래는 정리된 코드이다. 기억 메모 ─Slider 슬라이더 영역을 설정 └ areaBeShown 컨텐츠가 보여지는 영역 (오버되는 컨텐츠는 감춘다. overflow:hidden) └ movin

[KDT]FCFE - 3주5일 slider 만들기
A -> B -> C -> A -> B -> C -> A -> B -> C 로 만들기 위해C'-> A -> B -> C -> A' 로 양끝에 클론을 만들어 놓고양끝에 C' 혹은 A' 에 도착하면 에니매이션을 잠깐 끄고 C 혹은 A 로 다시 옮긴다.insertBefore
내가 쓰려고 모으는 슬라이드(+수많은 플러그인)
플러그인 종류가 너무 많다pug, scss, less, sass, postcss, babel 등등변환을 해도 정상적으로 작동하지 않을때가 있지...원하는게 안 맞춰질 때는 우울했다가 한 번 성공하고 나면 기분이 날아갈듯이 좋다 ㅋㅋㅋㅋㅋ나만 이런거 아니겠지?언젠가는 꼭
CSS Slider
스크립트를 사용하지않고 CSS만을 이용하여 슬라이더 구현이 가능하다.codepen 작성 중https://velog.io/write?id=01dd8b9e-03db-467c-bfef-fbde2ab4e4a7

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

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

react-typescript로 캐러셀 슬라이더 만들어보기
라이브러리에 의존하게 되는것 같아서 연습삼아 이미지 슬라이더를 만들어 보았다.1.슬라이더 이미지박스인 Slider컴포넌트와 아래 SliderDot컴포넌트를 분리하였다. (각자의 기능이 컴포넌트안에서 연관이 없었기에 코드가 길어지는 것보다 나누는것이 나을것으로 판단하였다
[신입17] JQuery Slider Plugin - AutoPlay (Slick, Swiper, bxSlider)
리베하얀님의 [JQuery Plugin] 유튜브 강의를 보며
[신입16] JQuery Slider Plugin 기초 (Slick, Swiper, bxSlider)
리베하얀님의 [JQuery Plugin] 유튜브 강의를 보며