코드가 훨씬 간결해졌지요? 함수형 컴포넌트에서는 이렇게 usePreloader Hook을 사용하고, 클래스형 컴포넌트를 사용하는 일이 있을 때는 Preloader 컴포넌트를 사용하면 됩니다.

코드를 다 작성했으면 서버 사이드 렌더링 서버를 종료하고, 다음 명령어를 실행하여 다시 시작한 후에 이전과 똑같이 잘 작동하는지 확인해 보세요.

$ yarn bulid
$ yarn build:server
$ yarn start:server

이제 여러분은 서버 사이드 렌더링 시 데이터 로딩을 어떻게 해야 하는지 완벽히 숙지했습니다. 원리를 이해했으니 이 프로젝트에서 사용된 코드를 변형하여 추후 여러분 프로젝트에 쉽게 적용할 수 있을 것입니다.