1. 배너와 캐러셀 (Banner & Carousel)웹 사이트의 메인 화면에서 중요한 정보나 프로모션을 효과적으로 보여주기 위해 배너와 캐러셀 UI가 자주 사용된다. 이를 구현하는 방식은 크게 CSS와 상태 관리를 이용하는 방법과 외부 라이브러리를 사용하는 방법으로 나뉜다.구현 방법 1: CSS transform과 인덱스 활용transform: translate() 속성과 현재 보여줄 배너 데이터의 인덱스를 조합하면 슬라이드가 옆으로 이동하는 애니메이션을 직접 구현할 수 있다. 특히 Styled Components와 같은 CSS-in-JS 방식을 사용할 때, props로 인덱스를 전달하여 동적으로 스타일을 제어하기 용이하다.예시 코드import React, { useState } from 'react'..