본문 바로가기

Next.js

[Next.js] tailwindcss className에서 index 사용

- 3개의 카드가 번갈아 나오는 회전목마(carousel) 형태를 tailwind css의 className에 index를 page 조건으로 주면 카드가 나오기는 한다.
- 그러나 index 결과의 규칙을 알 수 가 없다. index>page로 입력하고 page를 1을 넣으면 index가 0만 나올것 같지만.. 0,1,2가 나온다.
- page * 3<index && page*3>index는 카드가 안 나올것 같지만.. 나온다.
- page*3을 하고 조건을 두개 걸면 세개만 나올줄 알았는데 아니다. 
- map에서 if 조건으로 정보를 뿌려주는 것으로 변경하였다.
- 해당 내용은 map의 공식문서, tailwind css의 공식문서에서 발견하지 못했다.

- 적절한 활용 방법이 아니라서 그런 것으로 보인다.