- 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의 공식문서에서 발견하지 못했다.
- 적절한 활용 방법이 아니라서 그런 것으로 보인다.
'Next.js' 카테고리의 다른 글
[Next.js] 리엑트 컴포넌트 코드실행순서 (0) | 2024.04.25 |
---|---|
[Next.js] 새로고침 (0) | 2024.04.10 |
JSX 구성 요소로 사용할 수 없습니다. (0) | 2024.04.08 |
Next.js: youtube API 생성 (0) | 2024.03.19 |
Next.js: 코드 스플리팅(Code Splitting) (0) | 2024.03.14 |