반응형 useHasScroll.tsx1 useHasScroll.tsx : 컴포넌트의 스크롤바 유무를 boolean으로 리턴 useHasScroll.tsx : 컴포넌트의 스크롤바 유무를 boolean으로 리턴 회사에서 dragSlider.tsx를 만들었다. 이전에 라이브러리를 이용해 만든 dragSlider는 카드를 잡아끌었을때, 스크롤이 움직이지 않는 버그가 있었다. 버그를 해결하면서 만든 dargSlider는 카드를 잡아 끌면 스크롤도 같이 움직이도록 되어 있다. 한편, 슬라이더가 슬라이더임을 눈치 채지 못하고, 화면이 짤린것이 아니냐고 물어보는 VOC가 종종 있다는 제보를 받았다. PM분이 '넘기는 것을 암시하는 흐린 그라데이션'을 넣는것을 제안해주셨고 나와 디자이너분 모두 찬성했다. 그래서 다음과 같이 오른쪽 끝에 흐린 그라데이션(이하 cloudyArea)을 넣는 UI가 만들어졌다. 화면이 충분히 넓어서 slider의 .. 2023. 4. 30. 이전 1 다음 반응형