inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

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

fetch는 deprecated 될 라이프사이클?

290

김종근

작성한 질문수 4

1

안녕하세요. 제로초님. 

fetch에 대해 학습하며 nuxt의 공식문서를 보게되었는데 "fetch(context)는 deprecated 되었습니다. 대신에 익명 미들웨어를 페이지에서 사용해주세요: middleware(context)"

라는 안내문이 게시되어 있어서요.. 

https://ko.nuxtjs.org/api/pages-fetch/

현시점에서 공식문서 가이드 대로 적용하려면 아래의 구문을..

fetch({ store }) {
   return store.dispatch('posts/loadPosts', { reset: true });
},

다음과 같이 변경하여야할까요?

middleware({ store }) {
   return store.dispatch('posts/loadPosts', { reset: true });
},

추가로 deprecated 의 이유는 둘다 동일한 state를 인자로 받는 라이프사이클이고, 둘다 렌더 전에 실행된다는 공통점이 있어 fetch를 없앤단 것으로 이해하면 맞을까요?

ssr mysql vuejs aws vuex nodejs

답변 1

4

제로초(조현영)

네네 맞습니다. fetch가 완전히 사라질 것은 아닌 것 같고 async fetch()만 지원하려는 것 같네요. 그런데 context에도 여전히 this.$nuxt.context로 접근할 수 있는 것으로 보입니다.

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