더블클릭해야 버튼이 작동되는거는 왜그런걸까요?

[정중식]

슬라이드 만들기 강의 수강중입니다. 버튼을 한번 클릭하면 작동안하고 두번 클릭하면 작동이됩니다.
두번클릭하고 작동되면 다음부터는 버튼 한번만 클릭해도 잘 작동됩니다.

스크립트 코드는  아래처럼 짯습니다

이런 이슈가 발생했을때 롱런하는 개발자가되려면 어떤식으로 접근하고 어떻게 이슈의 실마리를 잡아서 풀어가야할까요?

  <script>
    var screen = 0;

    $('.slide-1').on('click', function () {
      $('.slide-container').css('transform', 'translateX(0vw)');
      screen = 0;
    });

    $('.slide-2').on('click', function () {
      $('.slide-container').css('transform', 'translateX(-100vw)');
      screen = 1;
    });

    $('.slide-3').on('click', function () {
      $('.slide-container').css('transform', 'translateX(-200vw)');
      screen = 2;
    });

    $('.next').on('click', function () {
      if (screen === 0) {
        $('.slide-container').css('transform', `translateX(-${screen}00vw)`);
        screen += 1;
      } else if (screen === 1) {
        $('.slide-container').css('transform', `translateX(-${screen}00vw)`);
        screen += 1;
      } else if (screen === 2) {
        $('.slide-container').css('transform', `translateX(-${screen}00vw)`);
        screen = 0;
      }
    });

  </script>

[codingapple]

의심가는부분에서 screen 변수 출력부터 해보면 됩니다 
screen += 1; 를 윗줄로 옮겨봅시다 

[글쓴이]

글