• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 캐러셀 스와이프 응용문제 질문입니다

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

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #92319

    SEO
    참가자
    스크린샷 2023-07-25 200348
    
    강의를 바탕으로 응용 1, 2번 문제를 풀었습니다. 기능도 잘 작동합니다.
    하지만 현재 작성한 코드는 너무 길고 중복되는 부분이 보여 축약할 수 있을 거 같아 
    vw이동부분과 setTimeout부분을 전역변수로 만들어 코드를 줄이려고 했지만 
    그 경우 기능이 제대로 작동하지 않았습니다. (주로 transition 부분에서 문제가 발생)
    코드를 축약할 수 있는 방법이 있다면 알려주시면 감사하겠습니다.
    
    또 하나는 확장성에 대한 질문입니다. 현재 강의에선 slide-container에 300vw를 주고 
    slide-box에 100vw를 주어 3장의 슬라이드를 만들었습니다.
    slide-container에 1000vw를 주었을 때도 정상적으로 동작하니 처음부터 vw값을 크게 주고
    슬라이드를 하나씩 추가하는 방법은 괜찮은 방법일까요?
    
    만약 슬라이드가 4 - 50 장 가량이 있을 경우 그만큼의 슬라이드를 관리하려면
    제가 작성한 방식으로는 슬라이드의 갯수만큼 코드가 굉장히 많이 늘어날 것 같습니다.
    첫번째 질문에 이어서 forEach문이나 slide-box.length같은 요소를 이용해 html 상에서 
    슬라이드 코드를 추가할 때마다 자동으로 추가되는 기능을 구현하는 방법이 있을까요?
    #92362

    codingapple
    키 마스터
    반복문으로 축약할 때 안에 있던 100vw 이런것도 잘 변하도록 코드짜기만 하면 될걸요 
    크게줘도 됩니다 
    반복문으로 축약해두고 슬라이드 갯수만큼 반복해달라고 하면 끝입니다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠