ssg (1) 썸네일형 리스트형 [Tech] Pre-rendering 그리고 Data fetching 안녕하세요. 든든부문 확장셀에서 개발을 하고 있는 Bard입니다. 최근 베타로 런칭한 머니플에는 개별 웹페이지 URL을 소셜미디어에 공유했을 때 미리보기가 가능해야 한다는 요구사항이 있었습니다. 그 요구사항을 충족시키기 위해 프로젝트에서 사용한 Nextjs의 Pre-Rendering을 이용한 경험을 공유합니다. 왜 Pre-Rendering이 필요한가? 우선 Next.js에서 사용되는 React는 SPA(Single Page Application)로 초기 렌더링이 느리고 후반에 빠른 특징이 있습니다. 이 특징이 나타나는 이유는 사용자가 실제 콘텐츠를 볼 때 서버로 요청을 한 뒤에 JS 전체가 로드되어야 앱을 실행합니다. 이때 JavaScript가 실행되기 전에는 사용자에게 빈 화면을 렌더링 합니다. 이후 .. 이전 1 다음