13. Data Fetching(데이터 가져오기) - Server Side(서버 측면)

어떤 일이 발생하기를 기다리려고 await를 사용할 때 async를 무조건 사용해야 한다!!!
부모 함수에 무조건 async가 있어야 한다!!!

 

 

 

about-us 경로를 갔다가 home으로 돌아오면

로딩 없이 데이터를 가져오게 되는데 그 이유는 Next JS는 프레임워크이며 fetch된 url를 자동으로 캐싱 시켜주기 때문이다.

 

 

 

 

 

 

 

 

 

 

검사로 들어가서 Network 탭을 열고 새로고침 해도 movies에 대한 API를 사용하고 있지 않다는걸 확인할 수 있다.

movies에 대한 API를 가져오는건 백엔드이다.

서버 재시작 후 movies에 대한 API를 가져올때 빠르게 느껴지는 이유는

단지 server component에서 Next JS가 fetch한 것을 기억하기 때문이다.

 

 

 

 

 

 

 

 

 

 

learn-nextjs14.z01

19.53MB

learn-nextjs14.z02

19.53MB

learn-nextjs14.z03

19.53MB

learn-nextjs14.z04

19.53MB

learn-nextjs14.z05

19.53MB

learn-nextjs14.z06

19.53MB

learn-nextjs14.zip

15.11MB