세모이
개발 계발
세모이
전체 방문자
오늘
어제
  • 분류 전체보기 (83)
    • 알고리즘 (1)
    • 자바스크립트 (29)
    • 리액트 (10)
    • HTML&CSS (2)
    • TIL (26)
    • 파이썬 (8)
    • Dev (1)
    • 데일리 (3)
      • 2023 (3)
      • 2025 (0)
    • 에러일기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 모던 자바스크립트 deep deive
  • 자바스크립트 함수와 일급 객체
  • 자바스크립트 프로토타입
  • 자바스크립트
  • 자바스크립트 전역 변수의 문제점
  • 자바스크립트 빌트인 객체
  • 자바스크립트 프로퍼티 어트리뷰트
  • 개발자 도구 Network
  • 옵셔널 체이닝
  • 시멘틱 태그
  • const let 키워드와 블록레벨 스코프
  • 자바스크립트 깊은 복사 얕은 복사
  • 자바스크립트 strict mode
  • &&연산자
  • 모던 자바스크립트 deep dive
  • 자바스크립트 생성자 함수에 의한 객체 생성
  • html 신기한 태그
  • 함수
  • 모던 자바스크립트
  • 리액트 key

최근 댓글

최근 글

티스토리

반응형
hELLO · Designed By 정상우.
세모이

개발 계발

리액트

간단하게 이미지 슬라이드 구현하기

2022. 2. 4. 15:14
반응형

useRef를 사용하여 간단하게 이미지 슬라이드를 구현하고 setTimeout을 사용해 자동으로 이미지가 넘어가도록 이벤트 설정

result를 0.5로 보면 편합니다(코드펜보다 실제 툴을 사용해 구현하면 더 상세히 알 수 있음)

See the Pen Untitled by Sunyeong (@cozynye) on CodePen.

반응형

'리액트' 카테고리의 다른 글

커스텀 훅  (0) 2022.02.19
리덕스 맛보기  (0) 2022.02.04
리액트 리코일  (0) 2022.01.23
(리액트를 다루는 기술) 8장 Hooks  (0) 2021.04.08
(리액트를 다루는 기술) 6장 컴포넌트 반복  (0) 2021.04.01
    '리액트' 카테고리의 다른 글
    • 커스텀 훅
    • 리덕스 맛보기
    • 리액트 리코일
    • (리액트를 다루는 기술) 8장 Hooks
    세모이
    세모이
    개발 공부!

    티스토리툴바