수정한 것
- mainKaKao모달 외부 배경누르면 모달닫히는 기능 수정
- hot,new,near 호버 css 수정
- transition 추가
막히는 부분
- carousel targetIdx가 0번일때 마이너스 인덱스 포스터 누르면 가운데로 안가는거 수정 (타겟은 잘 잡히는데 가운데로 안옴)
a. reactSlick이 어떻게 5개의 포스터를 가운데로 가져오는지 작동원리를 알아야 할 것같다.
❗에러가 나는 경우
0번째 이상인 인덱스에서 lastIdx쪽을 클릭할 때
(ex.1번 -> last, 2번 -> last-1)
✅ 정상 작동하는 경우
last -> 0 은 정상작동
2번idx에서 last-1로 스크롤하면, 타겟은 가운데 오는데 5개를 보여주도록 설정해놨는데, center잡을 때 총 보이는 갯수가 5개가 아니라 그러는 거라고 생각했다. 그건 또 아닌게 인덱스 순서대로 뒷부분에서 순차적으로 last-1로 가면 0번을 제외하고 포스터가 4갠데 0번인덱스 포스터를 포함해서 잘 보인다.
0번에서 last를 누르면 last뒤의 0번째부터 보여야할 포스터들이 하나도 안보인다. 이게 문제인 것같다.
ㄱ. 혹시 이 경우에 allConcerts를 다 못받아오나? NO 다받아온다.
ㄴ. 너무 인덱스 차이가 큰 콘서트라 보이지 않는건가?
b. centerMode가 어떻게 가운데로 포스터를 배치시키는지 알아야될 것같다.
일단 centerMode를 쓰려면 setting객체의 slidesToScroll은 1이어야한다.
확인해보니 default값이 1이기도하고 한번에 포스터 여러개를 넘겨도 slidesToScroll은 의외로 계속 1이었다.
c. centerMode를 안쓰고 그냥 targetIdx의 크기만 css로 조정해주는건 어떨까
centerMode를 안쓰면 targetIdx가 0일 때와 lastIdx일 때 targetIdx가 가운데로 오지않고 맨앞 또는 맨끝으로 갈것이다. centerMode가 필요하다.
인덱스 차이가 커서 그런 것같다. 해결을 하고싶었는데 이틀소요 후에도 해결이 안돼서 일단 다른 우선순위가 높은 것부터 고쳐야겠다.
DONE is better than PERFECT