무한 슬라이드1

• 

  무한 슬라이드 구현 (with React, TypeScript, styled-component) 무한 슬라이드(?)를 구현해 보았다. 1. setTimeout을 통해서 이 데이터를 하나씩 추가되도록 만들어 데이터가 끊임없이 만들어지도록 만들고 2. transform: translate3 d(0px, 0px, 0px)};을 활용하여 x축에 해당되는 첫 번째 인자가 계속해서 증가하는 -값으로 만들고 3. 좌우 그러데이션으로 사라지게 하기 1. 데이터가 계속해서 생기게 만들기 무한 슬라이드가 되도록 만들려면 데이터가 끊임없이 생성되어야 한다. slideNum가 2초마다 1씩 증가하도록 만들고 또한 WorkSlideData도 2초마다 순차적으로 하나씩 데이터가 들어가도록 만들었다. 첫 번째 데이터를 0으로 넣은 이유는 렌더링 되는 과정에서 첫 번째 데이터가 두 개가 생성되기 때문에 이를 숨기기 위해 빈 .. 개발/개발일지 2023. 11. 17.