[Issue 해결] React Slick 사용 시 Prev 버튼이 동작하지 않는 경우

❗️ Issue 

React Slick 라이브러리 사용 시,
Next 버튼은 정상적으로 작동하는데,
Prev 버튼은 마우스 오버 시 CSS도 동작하지 않고, 클릭을 하여도 슬라이드되지 않음

 

💡 Solution 

Prev 버튼의 css 속성인 z-index를 수정해 주면 됨.

Prev 버튼의 클래스명이 'slick-prev'로 설정되어 있으므로
아래의 코드를 삽입해 주면 해결 됨!

  .slick-prev {
    z-index: 9999;
  }

 

 그러나,, 이후 내장된 css부분을 고치기가 어려워서 swiper로 대체했다.

 swiper 사용 방법에 대해서 추후에 다시 포스팅 하겠다.