inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

3-5. fetch와 인피니트 스크롤링 구현

onScroll은 실행이 되는데 loadPosts가 실행이 안됩니다

481

양양이

작성한 질문수 1

0

loadPosts가 100번에 한번 됩니다. 되도 다섯번 실행이 안되고 한번 실행되거나 두번되거나..안되거나합니다.

어딜 봐야할까요..

mysql aws vuejs nodejs vuex ssr

답변 12

0

양양이

감사합니다! 해결되었습니다. 3강 소스를 보니 ===가 >로 되어 있어 해보니 잘됩니다!

0

제로초(조현영)

애초에 throttle이 없으면 스크롤을 내릴 때 dispatch가 한 번에 여러 번 호출돼서 게시글이 중복으로 불러와지거나 아니면 한 방에 수십 개 로딩하는 문제가 있습니다.

만약 스크롤을 내려도 dispatch가 호출 안되는 경우라면 if 문에서 window.scrollY랑 다른 값 비교하는 부분이 잘못되었을 것입니다. 그래서 스크롤을 내리는 길이가 짧아서 dispatch가 호출 안 되는 것일테고요.

0

양양이

지금 3-5강인데  throttle 나 기타 소스가 완전히 다른데요.. 강사님이 주신 링크는 최종버전인것같아요. 3-5강에서  throttle없이 강사님은 제대로 되는것 같아서요. 없으면 제대로 안되는게 맞는건가요?

0

제로초(조현영)

제 강좌랑 코드가 다른점은 throttle 설정이 안 되어있는 것 같습니다.

https://github.com/ZeroCho/vue-nodebird/blob/master/ch5/front/store/posts.js

0

양양이

제가 다시 콘솔로그 넣어봤는데요. 콘솔로그를 넣으면 51까지 되기도 합니다. 그래서 아 이상이 없네 이러고 다시해보거나 로그찍는걸 지우면 다시 안됩니다. 왜 이럴까요..ㅠㅠ 그렇다고 로그 넣는다고 백퍼 되지도 않습니다.  

안됨(가끔 한번로드)>로그넣음>다 로드됨>한번로드됨>안됨>로그넣음>... 계속 이런 패턴이네요

0

양양이

vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: "layouts/default.vue". Component names should conform to valid custom element name in html5 specification.

이런 에러가 뜨는데요. 이것때문에 안되는걸까요? 이 에러도 어쩌다 뜹니다

0

양양이

this.hasMorePost는 항상 true더라구요.위치값은 onScroll들어오면 if하기전에 찍었습니다
window.scrollY, document.documentElement.clientHeight,document.documentElement.scrollHeight 셋다 찍어봤는데 스크롤 움직이면 잘 오르고 내립니다. in을 못찍는거보면 판정에서 통과를 못하는것 같아요.

0

제로초(조현영)

위치값은 어디서 찍어보셨나요? 그리고 this.hasMorePosts를 같이 찍어보시는 게 좋을 것 같습니다.

0

양양이

위치값은 찍어보면 잘 오르락내리락하는데 아주 드믈게만 판정이 되는 이유를 모르겠네요 ㅠㅠ

0

양양이

네, 지금 실행해보면 아예 안되거나 한번 실행되고 안됩니다. 

0

제로초(조현영)

console.log('in')을 하셨는데 이 부분이 스크롤을 해도 호출이 안 되는건가요?

0

양양이

소스는 여기에 올렸습니다

https://github.com/shcoffee/NodeBird

npm run dev 할 때 에러가 발생합니다.

0

143

1

해당 강의는 리뉴얼 예정은 따로 없나요?

0

326

1

강의는 언제까지 업데이트 된 내용인가요?

0

328

2

실습 환경 문의(Node 버전)

0

363

1

로그인 새로고침시 풀림

0

289

1

안녕하세요! 로그인 유지 질문 드립니다!

0

401

1

웹 서버 관련해서 질문드립니다.

0

439

1

버전때매 질문 드립니다!!

0

311

1

이 강의는 vue3는 아닌가요??

0

370

1

vsCode에 관한 질문입니다

0

487

1

v.trim()이 타입에러가 뜹니다...

0

341

1

express.static('uploads')

0

341

2

STRING이 인식이 안되는데 이유알수있을까요?

0

444

2

<v-lsit-item-title> 에러

0

407

2

vue cli 를 실무에서도 사용하지 않으시나요?

0

317

1

선생님 처음 환경 셋팅 관련 문의드립니다.

0

383

1

nuxtServerInit 무한 로딩

0

971

3

Nginx Cookie 설정

0

720

2

상태가 204번인경우에는 어떻게 처리를 해야하나요?

0

290

1

선생님 nuxt 관련질문드립니다.

0

347

1

인덱스 비교로 삭제해도 될까요?

0

381

1

질문 드립니다!

0

329

2

안녕하세요

0

224

1

궁금한점이있습니다

0

234

1