# swiper

31개의 포스트

[JS] 라이브러리_lodash, gsap, swiper

JS를 조금 더 간편하게 사용하기위한 라이브러리 모음 사용법: 각각의 사이트에서 빈태그모양의 아이콘 ()을 클릭하여 script를 복사 .html파일의 head부분에 붙여넣음 💡html페이지에 연결한 js파일에서 라이브러리를 활용하기 때문에 기존js 파일 scri

6일 전
·
0개의 댓글
post-thumbnail

[react] 스플래시 화면 꾸미기 #1 - swiper 와 emotion 활용 with next.js

프롤로그 progresive웹 앱으로 기록 앱을 만들기로 한 [그리디브] 팀원들. 약 3주차에 걸쳐 나는 회원가입 폼을 완성해 내었다. 그리고 부여 받은 할일은 style 을 입히는 작업이다. 에이전시에서 퍼블리싱 작업을 하고 있는 나는 html, css, js, jq

7일 전
·
0개의 댓글
post-thumbnail

스타벅스 랜딩 페이지 예제 (swiper, toggle )

swiper를 이용하여 아래에서 위로, 좌우 슬라이드 구현

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

Swiper 슬라이더 사용법

Swiper는 하드웨어 가속 전환과 여러 기본 동작을 갖춘 현대적인 슬라이드 라이브러리입니다.Getting Started With SwiperSwiper API(옵션)을 확인하세요!

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

swiper

centeredSlidescenteredSlidesBounds

2022년 5월 9일
·
0개의 댓글
post-thumbnail

[TIL #10] swiper pagination bullet 커스텀

내가 원하는 사이트를 클론 코딩해보는 과제를 받았다.아래 이미지 처럼 슬라이더 영역이 있어서 swiper 라이브러리로 구현하고자 했다.swiper에서 제공하는 pagination은 기본이 파란색 bullet이다.이는 내가 클론 코딩할 사이트의 bullet과 스타일이 달

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

vue3 swiper

vue3 swiper 적용해보기

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

fetch, Swiper, ActivityIndicator, Dimensions, BlurView, Scrollview

fetch, Swiper, ActivityIndicator, Dimensions, BlurView,ScrollviewMovies 함수의 type 다 확인해볼것!!!!!

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

Swiper 활용 - 반응형, display:none 이슈

swiper를 적용하여 반응형 코딩을 하던 중 반응형 기준에 맞춰 swiperPerView를 3,6,9씩 보여주는 UI를 만들던 중 브라우저창 전체화면 시 swiper가 일부 깨지는 현상이 발견되었다.윈도우 리사이즈시 swiper.update() 메서드를 실행하면 해결

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

Swiper 슬라이더 API

Swiper 슬라이더 API

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

[library] Swiper.js 편하게 슬라이드 캐러셀 구현하기

Swiper 유명하고 더 편한 터치 반응형 슬라이더들도 많지만 (slick 등등..) 제이쿼리를 쓰지 않고 바닐라JS만을 가지고 사용이 가능하며, 무료로 사용이 가능하기에 프로젝트에 자주 이용 하고 있는 슬라이더 라이브러리다. React, Svelte, Vue, A

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

Swiper 기본 사용법

swiper는 슬라이드 라이브러리로 다양한 메소드와 설정을 지원해서 사용하기 매우 편한 점이 있습니다. 무엇보다 하위 브라우저(ie9)에서도 문제없이 사용 가능하기 때문에 크로스 브라우징 측면에서도 뛰어난 부분이 있습니다.또한 사용법도 매우 간단합니다. 아래와 같이 태

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

Swiper swiper-creative 옵션

나를 힘들게한 Swiper 옵션에 대해서 -ㅅ- !

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

React TypeScript 환경에서 Swiper 사용하기(image slider library)

React + TypeScript 환경에서 Swiper를 간단하게 커스텀하는 방법을 다루었습니다. useRef를 사용할 경우, ref 값이 정상적으로 들어가도록 useEffect를 사용해야 합니다.

2022년 1월 16일
·
1개의 댓글

[React-native] Swiper를 이용해서 배너 광고처럼 만드는 간단한 방법

광고가 여러개 있음을 보여주기 위해서 처음 앱에 진입하면 금방 넘어가고 그 뒤로 천천히 넘어가는 Swiper를 만드는 방법을 작성한 글입니다:)

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

[React] Swiper. js 사용하기

$ npm install swiper기본적으로 사용할 때는 //basic으로 주석처리 되어있는 부분만 import해도 사용하는데 무리는 없다.사용할 때 navigation과 pagination은 필수라고 생각하기 때문에 해당 부분도 같이 import 했다.spaceBe

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

CRA에서 Swiper 사용하기

CRA에서 Swiper 라이브러리를 사용하는 방법을 포스팅했습니다.

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

[KDT]FCFE - 3주1일 웹 페이지 만들기 3 (swiper&flex)

슬라이드창 구현하기 Swiper > swiperjs.com : 자바스크립트 라이브러리 : 사용하기 위해 링크를 걸어준다. : 예제 처럼 클래스를 설정하여 사용할 수 있다. 클래스 설정 후에는 js로 동작을 넣어주어야 한다. 여러가지 옵션이 있고 쉽게 사용할

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

[React] #5. react-swiper

univ-us 프로젝트를 진행하면서 배너 슬라이드를 제작하려고 맨 처음에는 react-slick을 사용했었습니다. 하지만 음 사용법이 잘 와닿지 않아서 개발 동아리원들에게 물어봤더니 swiper를 더 추천해주었습니다. 실제로 찾아보니 star수도 download수도 더

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

211029 TIL Swiper(학습 95일차)

Swiper Options

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