코딩기록

Swiper(스와이퍼)는 반응형 슬라이드(캐러셀) 라이브러리로, 이미지 슬라이더나 배너 캐러셀 등을 만들 때 많이 사용.React 프로젝트 기준.✅ 1단계: Swiper 설치npm install swiper✅ 2단계: 스타일 불러오기globals.css 또는 layout.tsx에서 전역 스타일에 추가.// 예: app/globals.css@import 'swiper/css';@import 'swiper/css/navigation';@import 'swiper/css/pagination';✅ 3단계: 사용 예시 (React 컴포넌트)"use client"; // Next.js App Router 사용 시 필수import { Swiper, SwiperSlide } from "swiper/react";impo..