# swiperjs

9개의 포스트
post-thumbnail

Swiperjs 사용법

\*필자는 javascript 가 아닌, 제이쿼리를 사용하였다. html 문서 head 부분에 아래 코드를 넣어야 한다. 여기서 팁 하나는, swiper의 css 와 script 가 아닌, 본인 커스텀 css 파일와 script 파일도 넣어야 한다면, 아래처럼 swip

2023년 10월 6일
·
0개의 댓글
·
post-thumbnail

나눔초대 문자/메일 발송 시스템

나눔초대는 문자/메일/초청장 발송 시스템으로 그중 초청장은 발송될 input, checkbox, radio 등의 폼을 지정할 수 있습니다.

2023년 8월 17일
·
0개의 댓글
·
post-thumbnail

부산모터쇼 등록웹페이지, 관리자페이지 외 2건

부산국제모터쇼(Busan Internation Motor Show)는 한국의 자동차 박람회로 부산광역시가 주최하고 있으며 아시아 전시 최대 공간의 모터쇼로 1회와 2016년 모터쇼를 제외하면 100만명 이상의 관람객이 방문한 모터쇼입니다.

2023년 8월 16일
·
0개의 댓글
·
post-thumbnail

KES 모바일 웹페이지, 관리자페이지 외 5건

국내 최대 전자 IT 산업 대표 전시회 KOREA ELECTRONICS SHOW는 세미나, 컨퍼런스 등과 각종 이벤트를 통해 최신 정보 및 기술 습득 기회의 장으로써 주요 전시 품목으로는 △가전·스마트홈 △전자부품소재(전자부품, 반도체, 디스플레이, 센서 등) △융합신

2023년 8월 16일
·
0개의 댓글
·
post-thumbnail

KIAF SEOUL 등록웹페이지, 관리자페이지 외 5건

키아프 서울(KIAF SEOUL)은 동시대 현대 미술의 가치를 발견하고 미술시장의 흐름을 확인할 수 있는 글로벌 아트페어입니다.

2023년 8월 11일
·
0개의 댓글
·
post-thumbnail

React에서 SwiperJS 스타일링하기

간편하게 드래그 가능한 캐러셀을 구현해주는 SwiperJS 라이브러리를 사용하던 중, 화면 이동 시에 활용하는 요소, 그리고 화면 위치 파악에 활용하는 요소들을 변경할 필요가 생겼다.

2023년 3월 23일
·
0개의 댓글
·

자바스크립트 라이브러리 정리

자주쓰는 자바스크립트 라이브러리를 정리해보았다. swiperjs는 슬라이드 기능을 구현해주고 gsap은 요소가 순차적으로 보이게하고 lodash는 스크롤이벤트를 제어해준다.

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

Swiperjs 사용 시 외부에서 Swiper control 하는 법

swiper를 외부 컨트롤러에서 컨트롤하고 싶을 땐 어떻게 해야할까?

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

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

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

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