로직 - 이미지는 총 세개를 사용한다. - 이미지를 가로로 배열하고 각각 100vw 를 차지하게 한다. (총 300vw) - overflow: hidden을 해 주어 화면 밖으로 넘치는 이미지는 가린다. - 버튼을 누를 때마다 transform: translateX(-100vw)이런식으로 이미지 크기만큼 이동시킨다. - 이전버튼과 다음버튼의 경우 현재상태를 기억해야 하므로, num이라는 변수를 생성해 해당 이미지에 부여된 번호를 할당한다. num==1일 경우, 다음버튼을 누르면 2번 슬라이드 버튼을 누른것과 같은 동작이 실행되어야 함. Prev 1 2 3 Next