csr1 Next.js App Router에서의 렌더링 방식 이해하기 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링서버 사이드 렌더링 : 주문한 가구가 완전히 조립된 상태로 배송되고, 고객은 바로 사용하면 되니 편리하다.클라이언트 사이드 렌더링 : 주문한 가구의 부품과 조립 설명서만 배송되고, 고객이 직접 조립해야함으로 시간과 노력이 필요하다. - 서버 컴포넌트 : 서버에서만 렌더링 되는 컴포넌트로, SSR의 역할을 한다.클라이언으로 전달되는 HTML만 생성하고, 유저 상호작용을 하지 않는다.Next.js의 App Router에서 모든 컴포넌트는 기본적으로 서버 컴포넌트 이다.// src/app/page.tsxconst HomePage = async () => { const data = await fetchDataFromAPI(); // 서버에서 데이터 호출 re.. 2025. 3. 10. 이전 1 다음