loading.jsx

Heewon👩🏻‍💻·2024년 5월 14일
0

server측에서 fetch data를 했을경우, 그리고 사용자가 처음으로 웹페이지를 열경우, 백엔에서 api데이터를 불러와야하기때문에 로딩이 걸릴 수 있음. 이경우 사용자가 볼수있는 화면을 만들어주는게 loading.jsx이다. wow..(같은 routes 폴더내에 넣어주면 해당 페이지를 기다리는동안 loading 페이지를 출력해준다.)

next js 에서 백엔드 서버가 돌고있을때, 일부 loading.jsx페이지를 먼저 흘려주고, 서버작업이 끝나면 본페이지를 보여주는 원리이다.

profile
Interested in coding, meat lover, in love with dogs , enjoying everything happens in my life.

0개의 댓글