[React] 'react-slick' 전체 div 사이즈 증가 문제 해결

문제 상황

이 짤 하나로 설명하겠다.
진짜 돌아버릴 뻔함
F12로 다 눌러봐도 여백이 안 잡히는데. 다 여백 없다는데.
나 원래 저혈압인데 리액트 하면서 치료햇음 진심;
저거 에러를 쫌쫌따리 3일 붙잡으면서 react-slick 버릴까 생각했다.
실제로 다른 slier 설치도 하고 직접 만들어보려고 리서치도 했다.

근데 다시 멍하니 보고 있다가 문득 이런 생각이 들었다.

나에게 보이지 않는... 양 옆에 무언가가 존재하는 게 아닐까? 앞뒤 대기 중인 이미지라던지.

이런 날개라던지 이런 게 안 보이지만 존재하는 걸로 생각했다.

해결 방법

결론은 ㅋ

저 양옆에 화살표였음
와~!
와하하!~~
아 마크다운 아니고 물결이라고 ㅡㅡ velog 정신차려
아무튼...... 내가 저 slider 끌어올 때부터 화살표가 없어서 걍 냅둿는데..
정말 착한 사람 눈에만 보이는 화살표엿나봄...

function ImageSlider({ images }) {
    const settings = {
      dots: true,
      infinite: false,  //양쪽 끝에서 멈추기
      speed: 500,
      arrows: false,
      slidesToShow: 1,
      slidesToScroll: 1,
    };
    //생략

arrows: false,

이거 추가해주고 기깔나게 해결했따

우리 다신 헤어지지 말자 fullScreen...

+) 챗지피티 리액트에서는 진짜 도움 안됨 ㅡㅡ 흥