이미지슬라이드 질문드립니다!

1.뒤로버튼눌렀을때 변수에 -1하기전에 vw를 조절하고,

코드는 

$('.slide-before').click(function(){

  if ( 지금보이는사진 > 1 ) {
      $('.slide-container').css('transform', 'translateX(-'+ (지금보이는사진 -2 ) +'00vw)');  
      지금보이는사진 = 지금보이는사진 - 1;
    }
});

이렇게 작성했습니다. (답안코드와 똑같습니다.)

2. 다음버튼을 2번누르고 콘솔로그를 찍으면 지금보이는사진(변수)은 3이되어있습니다.

뒤로버튼을 누르면  - +(3-2)+ '00vw)' 가 되서 -100vw가 되어야 하는게 아닌가요?

  <div style="overflow: hidden; position: relative;">
  <div class="slide-container">

    <div class="slide-box">
       
        </div>
        <div class="slide-box">
     
        </div>
        <div class="slide-box">
     
         
        </div>
      </div>
      <button class="slide-next">NEXT</button>
      <button class="slide-before">BEFORE</button>
    </div>
 
   

<button class="slide-1">1</button>
<button class="slide-2">2</button>
<button class="slide-3">3</button>

<div class="my-5"></div>

<script>

var 지금보이는사진  = 1;

$('.slide-next').click(function(){
  if ( 지금보이는사진 < 3 ) {
      $('.slide-container').css('transform', 'translateX(-' + (지금보이는사진) + '00vw)');
      지금보이는사진 = 지금보이는사진 + 1;
    }

$('.slide-before').click(function(){

  $('.slide-container').css('transform', 'translateX(-'+ (지금보이는사진 -2 ) +'00vw)');  
  if ( 지금보이는사진 > 1 ) {
    지금보이는사진 = 지금보이는사진 - 1;
    }
});

</script>

이렇게 되어있습니다. 

slide-box 안에 img는 코드첨부하니까 저렇게 처리가되네요 사진도 잘들어가있습니다.

반성하겠습니다 허허...