inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

5-4. 이미지 저장하기

프론트에서 요청이 2번씩 가는경우는 어디가 문제인가요?

372

sizz F

작성한 질문수 4

0

로그인 회원가입 이런부분에서는 둘중하나만 제대로된 요청이어서 문제가 안됐는데

게시글 불러오는 부분에서 똑같은 글10개를 2번불러오게 되어 중간글이 잘리는 현상이 있습니다. 어디가 문제일까요..?

vuejs nodejs vuex aws mysql ssr

답변 4

0

sizz F

5-14강좌에 해당내용이 설명되어있었네요 쓰로틀링! 해결하였습니당

0

sizz F

스크롤이 내려가고 데이터를 받아오는 사이에 스크롤이 원래위치에 그대로 있어서 여러번 요청되는거 같길래

fornt/pages/index.vue의 onScroll매서드에 newDataFlag라는 조건을 하나 넣어서 해결하였습니다.

methods: {
        async onScroll() {
            if (window.scrollY + document.documentElement.clientHeight > document.documentElement.scrollHeight - 200 && this.newDataFlag){
                if(this.hasMorePost){
                    try{
                        this.newDataFlag=false;
                        await this.$store.dispatch('posts/loadPosts');
                        this.newDataFlag=true;

                    }catch{
                        alert('온스크롤 메소드 에러');
                    }
                }
               
            }
        }
    },

더좋은 방법이 있을까요?

0

sizz F

로그인 부분은 옵션메서드인데 게시글요청은 모두 get요청이네요

0

제로초(조현영)

method를 보여주세요. 네트워크 탭에서 헤드컬럼에서 오른쪽 누르고 method 활성화하시면 됩니다. 하나가 options 메서드가 아닌지 확인해보세요.

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

0

143

1

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

0

327

1

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

0

328

2

실습 환경 문의(Node 버전)

0

364

1

로그인 새로고침시 풀림

0

290

1

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

0

402

1

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

0

440

1

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

0

312

1

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

0

371

1

vsCode에 관한 질문입니다

0

487

1

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

0

342

1

express.static('uploads')

0

342

2

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

0

445

2

<v-lsit-item-title> 에러

0

408

2

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

0

318

1

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

0

384

1

nuxtServerInit 무한 로딩

0

973

3

Nginx Cookie 설정

0

720

2

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

0

291

1

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

0

348

1

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

0

382

1

질문 드립니다!

0

330

2

안녕하세요

0

225

1

궁금한점이있습니다

0

235

1