csr2 [Next.js] CSR에서 SSR로 마이그레이션 하기 개요Next.js 에서 애플리케이션의 성능과 SEO를 개선하기 위해 클라이언트 사이드 렌더링(CSR)에서 서버 사이드 렌더링(SSR)으로 전환한 경험을 공유합니다.왜 SSR인가?성능: SSR은 서버에서 콘텐츠를 미리 렌더링하여 첫 번째 바이트 시간(TTFB)을 크게 줄일 수 있습니다.SEO: 검색 엔진이 미리 렌더링된 페이지를 쉽게 인덱싱할 수 있어 애플리케이션의 검색 엔진 순위가 향상됩니다.사용자 경험: SSR은 초기 로드 시간을 단축하여 전반적인 사용자 경험을 향상시킵니다.도전 과제데이터 페칭: 서버에서 데이터를 페칭하고 클라이언트에 전달하는 것이 주요 과제 중 하나였습니다.상태 관리: 서버 렌더링된 상태와 클라이언트 렌더링된 상태 간의 일관성을 유지하는 것이 중요했습니다.조건부 렌더링: 특정 컴포넌.. React 2024. 7. 11. 더보기 ›› [React] Next.js 관련 면접 질문 및 답변 가이드 개요Next.js 관련 기술 면접 질문과 모범 답변에 대한 정리 글입니다. 면접 준비에 활용하세요.질문 리스트Next.js 정의Next.js의 주요 기능SSR과 CSR의 차이getInitialProps 기능Next.js의 라우팅 방식API 경로 생성 방법면접 질문1. Next.js는 무엇입니까?Next.js는 React.js, Node.js 및 JavaScript 위에 구축된 오픈 소스 개발 프레임워크입니다. Vercel에서 개발했으며 create-react-app에서 사용할 수 없는 서버 측 렌더링 및 정적 사이트 생성과 같은 기능을 활성화합니다.2. Next.js의 주요 기능은 무엇입니까?SSR(Server Side Rendering): 더 나은 SEO와 더 빠른 페이지 로드 시간을 보장합니다.SSG.. React 2023. 7. 13. 더보기 ›› 이전 1 다음
