tailwind.css pagination) aria-current 속성으로 현재 페이지번호 활성화하기

1. aria-current의 조건부스타일링 작성

<button
  ...
  aria-current={currentPageNumber === i + 1 && "page"}
  />
  

2. index.css에서 layer를 활용하여 활성화 된 페이지를 표시할 스타일 명시

//index.css
@layer base {
  button[aria-current='page']{
    @apply bg-yellow-300
  }
}