Definition of Seon

  • 홈
  • 태그
  • 방명록

자동이미지슬라이드 1

[React] 이미지 슬라이더 만들기(자동, 무한반복)

프로젝트에서 메인 페이지와 상세 페이지 상단에 이미지 슬라이더를 넣기로 했다. 조건은 두 가지. 1. 화살표 버튼을 눌렀을 때 이동이 가능할 것. 2. 시간이 지나면 자동으로 다음 이미지로 넘어갈 것. - 옆으로 넘어가는 장면 useState와 useEffect가 필요하다.import { useState, useEffect } from 'react'; react-icons를 설치하여 화살표 아이콘을 가져온다.import { IoIosArrowForward, IoIosArrowBack } from 'react-icons/io'; 이미지 슬라이드에 들어갈 이미지들은 배열 형태로 외부에서 props로 받아오도록 한다.export default function ImageSlider({ slides }) 우선 이..

FrontEnd/React 2024.02.01
이전
1
다음
더보기
프로필사진

Definition of Seon

선이 그려가는 새로운 정의 https://github.com/seon318

  • 분류 전체보기 (112)
    • 독서 기록 (3)
    • 이직 기록 (6)
    • 강연 기록 (3)
    • Fundamentals (23)
      • Discrete mathmatics (16)
      • Computer Science (7)
    • Programming (41)
      • Project (13)
      • Algorithm (23)
      • TIL (1)
      • SSAFY (4)
    • BackEnd (12)
      • Java (3)
      • Spring (2)
      • JPA (5)
      • Docker (1)
      • DB (0)
    • FrontEnd (22)
      • HTML&CSS (10)
      • JavaScript (9)
      • React (3)

Tag

코세라, 이직준비, 개발자, 프론트엔드, 이산수학, html, 컴퓨터공학, CSS, 백준, python, 프로젝트, 코테, 프로그래밍, 알고리즘, 파이썬, 자바스크립트, 개발자되기, 자바, 코딩, 코딩테스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바