Update script.js

script.js

@@ -1,20 +1,20 @@
-let currentIndex = 1;
-let startTouchPosition = 0;
-let endTouchPosition = 0;
+let currentIndex = 1; // 인덱스 1에서 시작하도록 수정
 
 const slider = document.querySelector('.slider');
 const totalSlides = slider.children.length;
 
 function moveToSlide(n) {
-  let newSlidePosition = (n * -100) / totalSlides;
-  slider.style.transform = `translateX(${newSlidePosition}%)`;
-  currentIndex = n;
+  let newSlidePosition = ((n - 1) * -100); // 첫 번째 슬라이드를 중앙에 위치시킴
+  slider.style.transform = `translateX(${newSlidePosition}vw)`;
 }
 
-// 키보드 이벤트
+// 초기 슬라이드 위치 설정
+moveToSlide(currentIndex);
+
+// 키보드 이벤트 핸들러
 document.addEventListener('keydown', (e) => {
   if (e.key === 'ArrowLeft') {
-    if (currentIndex > 0) {
+    if (currentIndex > 1) { // 0 대신 1을 사용
       moveToSlide(currentIndex - 1);
     }
   } else if (e.key === 'ArrowRight') {
@@ -37,10 +37,8 @@ slider.addEventListener('touchend', (e) => {
 
 function handleTouchMove() {
   if (startTouchPosition - endTouchPosition > 50 && currentIndex < totalSlides - 1) {
-    // 오른쪽으로 슬라이드
     moveToSlide(currentIndex + 1);
-  } else if (endTouchPosition - startTouchPosition > 50 && currentIndex > 0) {
-    // 왼쪽으로 슬라이드
+  } else if (endTouchPosition - startTouchPosition > 50 && currentIndex > 1) { // 0 대신 1을 사용
     moveToSlide(currentIndex - 1);
   }
 }