FE Study/Next.js 2

[Next] Next 패키지 최적화(optimizePackageImports)

최근에 Next 공식 문서에서 우연히 보게 된 패키지 import 최적화에 대해 소개해 보겠습니다. 이 Vercel 글은 블로그는 패키지 최적화를 어떻게 진행했는지에 대해 설명하고 있습니다. 이 글을 기반으로 블로그를 작성해 보려고 합니다. How we optimized package imports in Next.js – Vercel How solving barrel files led to faster cold boots and build times. vercel.com 밑의 블로그는 위의 글을 번역해 주신 글입니다!🙇‍♀️ (번역) Next.js에서 패키지 가져오기를 최적화한 방법 원문 : https://vercel.com/blog/how-we-optimized-package-imports-in-nex..

FE Study/Next.js 2024.04.05

원티드 프리온보딩 FE 챌린지 7월 - CSR / SSR with Next.js

1. CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. SSR과 CSR은 웹 페이지 렌더링 방식입니다. 그중 CSR(Client-side Rendering)은 서버에서 받은 HTML과 JS 등을 클라이언트 측에서 웹 콘텐츠를 렌더링 하는 방식입니다. ► CSR의 장점 페이지 로드가 완료되면 전체 페이지를 다시 로드하지 않고 데이터만 서버에서 가져오기 때문에 후속 상호 작용이 더 빨라집니다. UI 구성 요소의 렌더링이 클라이언트 측에서 발생하기 때문에 전체 페이지를 다시 로드하지 않고도 부드러운 전환, 애니메이션 및 동적 업데이트가 가능합니다. ► CSR의 단점 서버에서 렌더링 한 페이지를 전단해 주는 SSR과 달리 클라이언트 측에서 웹 페이지를 렌더링 하..

FE Study/Next.js 2023.06.29