캐러셀 스와이프 응용문제 질문입니다

[SEO]

강의를 바탕으로 응용 1, 2번 문제를 풀었습니다. 기능도 잘 작동합니다.
하지만 현재 작성한 코드는 너무 길고 중복되는 부분이 보여 축약할 수 있을 거 같아 
vw이동부분과 setTimeout부분을 전역변수로 만들어 코드를 줄이려고 했지만 
그 경우 기능이 제대로 작동하지 않았습니다. (주로 transition 부분에서 문제가 발생)
코드를 축약할 수 있는 방법이 있다면 알려주시면 감사하겠습니다.

또 하나는 확장성에 대한 질문입니다. 현재 강의에선 slide-container에 300vw를 주고 
slide-box에 100vw를 주어 3장의 슬라이드를 만들었습니다.
slide-container에 1000vw를 주었을 때도 정상적으로 동작하니 처음부터 vw값을 크게 주고
슬라이드를 하나씩 추가하는 방법은 괜찮은 방법일까요?

만약 슬라이드가 4 - 50 장 가량이 있을 경우 그만큼의 슬라이드를 관리하려면
제가 작성한 방식으로는 슬라이드의 갯수만큼 코드가 굉장히 많이 늘어날 것 같습니다.
첫번째 질문에 이어서 forEach문이나 slide-box.length같은 요소를 이용해 html 상에서 
슬라이드 코드를 추가할 때마다 자동으로 추가되는 기능을 구현하는 방법이 있을까요?

[codingapple]

반복문으로 축약할 때 안에 있던 100vw 이런것도 잘 변하도록 코드짜기만 하면 될걸요 
크게줘도 됩니다 
반복문으로 축약해두고 슬라이드 갯수만큼 반복해달라고 하면 끝입니다

[글쓴이]

글