inflearn logo
강의

Course

Instructor

Interactive Development Practice End [Capacity Enhancement]

Introduction to practical examples

모바일 스와이프 구현 마지막 숙제

402

wnwlghdqkqh

3 asked

0

 혹시 모바일 cd플레이어 관련해서 function touchFunc(e) {
    let type = null;
    let touch = null;

    switch (e.type) {
      case "touchstart":
        type = "mousedown";
        touch = e.changedTouches[0];
        start_X = touch.clientX;

        end_X = 0;

        break;

      case "touchend":
        type = "mouseup";
        touch = e.changedTouches[0];
        end_X = touch.clientX;

        let chkNum = start_X - end_X;
        let chkNumAbs = Math.abs(chkNum);

        if (chkNumAbs > 100) {
          console.log(chkNum);
          if (chkNum < 0) {
            if (pageNum > 0) {
              pageNum--;
            } else {
              pageNum = totalNum - 1;
            }
          } else {
            if (pageNum < totalNum - 1) {
              pageNum++;
            } else {
              pageNum = 0;
            }
          }
          pageChangeFunc();
        }
        break;
    }
  }

마지막으로 숙제해주신부분에서 pageNum이계속해서 -- 또는 ++ 이면 없는 인덱스까지 튀어나오기때문에 주석해주신 부분에서 pageNum의 컨디션을 넣어주어야 한다고 생각해서 작성했는데 혹시 맞는지 궁금합니다

javascript 인터랙티브-웹

Answer 2

0

wnwlghdqkqh

아 제가 생각했던 로직은 이전강의에 수강했던 것처럼 마지막 화면에서 다시 next를 눌러도 0으로 돌아가도록, 첫번째 화면에서 prev를 눌러도 마지막으로 가도록 구현하기 위해서 해당 로직을 넣었던 것이었습니다.

0

coding11

아 네네 돌아가는 것이면 맞습니다 ^^

0

coding11

안녕하세요.

원하는대로 동작을 하신다면 맞습니다.

제가 궁금한 부분은

if (pageNum > 0) {
   pageNum--;
} else {
   pageNum = totalNum - 1;
}

pageNum 이 0보다 작으면 pageNum = 0; 을 해줘야하는 것 아닌가요?

어떻게 구현을 하시려는지 정확히 모르겠지만요. 아래도

if (pageNum < totalNum - 1) {
   pageNum++;
} else {
   pageNum = 0;
}

pageNum = totalNum - 1; 이라고 해줘야 할 것 같아요.

아니면 빼도 동작이 같을 것 같아요.

 

if (pageNum > 0) {
   pageNum--;
} 

//

if (pageNum < totalNum - 1) {
   pageNum++;
} 

 

레퍼런스 사이트

0

339

1

스크롤위치에 따른 페이지 변화에서

0

267

1

배열을 이용한 bg컬러 변경 강의에서 tagname body에 [0]이 왜 붙나요?

0

380

1

스크롤 위치에 따른 페이지 변화 - scroll 이벤트 에 대한 질문

0

675

1

페이징.페이지고정2 질문드립니다.

0

459

1

scrollTo 완성본

0

603

2

모바일 3D 입체 카드 제작 아이폰에서 에러

0

386

1

css 질문 드립니다

0

624

1

css 질문

0

284

1

pointBtn.addEventListner("click")

0

305

2

if문의 첫번째 조건 질문 있습니다~

0

285

1

offsetTop, offsetHeight

0

785

2

기존의 축 회전값에 더해서 rotate

0

320

1

모바일 드래그 강의 질문드립니다!

0

256

1

질문입니다.

0

215

1

GSAP(트윈맥스) 라이센스 관련 질문 드립니다.

0

1657

1

wrap 안에 click 이벤트

0

225

1

greensock을 사용하려면

0

701

1

TweenMax 효과 리셋

0

527

1

max 이상으로 입력했을 때 질문입니다.

0

193

1

dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해

0

371

1

화살표 회전 질문

0

263

1

질문이용~

0

218

1

파일명 한글시 live Server 작동안함

1

213

1