인프런 커뮤니티 질문&답변

둘다 지금 수정해야 합니다. Comments not defined는 말 그대로 그 변수가 없다는 겁니다.

네 감사합니다 

혹시 회원가입하면 자동으로 로그인이 되는데 그 때 loginform에서 length 에러 뜨는거랑

addComment 시 Comments not defined 에러도 뒤에 해결 되는 내용 입니까 아니면 제가 먼가 잘못하고 있는 겁니까???

저 부분은 뒤에서 쓰로틀링 적용하면 해결이 됩니다.

npm i lodash.throttle 하시고

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

에 있는 loadPosts처럼 바꿔주시면 됩니다. 상단에 import throttle from 'lodash.throttle' 도 넣어주시고요.

여러번 요청 보내는거 맞습니다

네트워크 탭에서 서버로 요청 보내는 거 찍어서 올려주세요. 만약 한 번 스크롤 내릴 때 여러 번 요청 보내는 게 문제라면 뒤에 강좌에서 쓰로틀링 걸어서 해결합니다.

스크롤 이벤트에서  if문으로 hasmoreposts 체크는 하고 있습니다.

mainposts.length는  게시물 불러올때 마다 정상적으로payload.length값이 더해집니다 하지만 hasmorepost의 값이 false로 바껴도 계속 불러오네요

loadPosts 안에서 state.mainPosts.length가 변해야 offset이 바뀌어서 다음 게시물을 불러오는데요. console.log로 찍어서 게시글 불러올 때마다 저 값이 바뀌는지 보세요.

제가 console.log로 확인해보니 

hasmorepost의 값이 항상 true로 바뀌지 않고

payload.length 값이 항상 10입니다.

코드를 안 보면 알 수가 없습니다. 컴포넌트랑 vuex 코드 올려주세요.