# slide

13개의 포스트

[FLUTTER] Custom Slide Screen

Custom Slide Screen Example

약 15시간 전
·
0개의 댓글
post-thumbnail

[TIL]_ React Slide

🌈 React에서 이미지슬라이드 기능 구현 🌀React slide 👉 React로 '홀라' 프로젝트 진행 중 내가 맡은 기능 구현은 '메인 슬라이더'였다. 처음 슬라이드 기능을 구현할 때 정말 감이 아예 안왔다.... 물어도 보고 구글링도 해보고 혼자 생각도 해보았다. class형 component에서 슬라이드 기능 구현을 찾는게 생각보다 쉽지는 ...

2021년 11월 21일
·
0개의 댓글
post-thumbnail

Interactive한 페이지를 나도 한번 만들어보자!

interactive한 페이지를 만들기 위해 스크롤에 연동되는 3가지 방법에 대해 구현을 해보고 어떤 방법이 가장 괜찮은지를 다룹니다.

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

자기소개 페이지(3) JS적용

html과 css만으로 만들었던 자기소개 페이지🤨 '자바스크립트 배우면 꼭 이것도 만들고 저것도 만들고...' 마음속으로 다짐했던 자바스크립트 기능을 넣어보기로 했다.

2021년 7월 27일
·
4개의 댓글
post-thumbnail

[인스타클론] js와 css를 이용한 이미지 크로스페이드

.gif) 인스타그램의 로그인 페이지 오늘은 인스타그램 로그인 페이지의 이미지 순환을 따라해보려한다. 인스타그램을 보면 이미지 순서가 바뀌는 걸 볼 수 있는데, 이미지 배열의 첫번째 자식요소가 opacity: 1 인 형식으로 따라해보려한다.

2021년 5월 16일
·
0개의 댓글
post-thumbnail

setTimeout/setInterval

프로젝트 중 슬라이드가 초마다 넘어가는 것을 구현하고 싶었다.keyword는 setTimeout/setIntervalsetTimeout은 일정시간이 지난 후 함수를 실행setInterval은 일정시간적을 함수를 반복둘다 계속 반복적으로 실행되는 줄 알았다. 그런데 co

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

[Flutter] Text Slide Animation

Flutter 에서 Text Slide Animation 구현하기

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

쇼핑하우 클론코딩

이번주 공부 기간에 위의 3가지 기능 중 2가지를 구현하였다.구현한 기능carousel_slide더보기 button구현하지 못한 기능마우스 드래그시 이미지 5개씩 슬라이드Carousel(캐러셀)이란?캐러셀은 메인 페이지에서 마케팅 정보를 보여주는 한 가지 방법이다. 한

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

TIL_62. Project 6

2021. 01. 14 목요일

2021년 1월 20일
·
0개의 댓글
post-thumbnail

TIL 34일차 - [졸린새x코공] 슬라이드 구현

평화로운 지난 목요일.나와 지상이는 이번에는 slide기능을 구현해보기로 했다. 이 기능을 이용해서 게임 홈페이지 같은 곳에서 흔히 볼 수 있는 이벤트나 업데이트 소식이 슬라이드로 넘어가는 것과, 메뉴창을 만들어 보았다.gif가 부드럽지 않아서 그렇지 실제로 보면 더

2020년 11월 28일
·
2개의 댓글

jQuery 공부중 03

🔔 show hide width, height toggle fadeinout slide animate

2020년 10월 25일
·
0개의 댓글
post-thumbnail

project-Aesop) Slide

(순수 js로만 구현)slick, Glider 등의 라이브러리를 사용할까 하다가 react hook으로 작성된 slide 코드를 참고하여 내 조건에 맞게 바꿔서 class함수로 작성하였다.(덕분에 componentDidUpdate의 개념을 얼추 이해하게 됐....)처음

2020년 7월 26일
·
0개의 댓글

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

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

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