목록2025/07/30 (1)
유리의 개발새발
[Next] 07. 사전 렌더링과 데이터 페칭 (SSR방식으로 조금)
기존 React나 React Native에서는 어떻게 데이터를 불러왔을까?나는 주로 useEffect를 사용해서, 컴포넌트가 마운트되면 API 요청을 보내고, 그 응답을 상태값에 저장한 뒤 화면에 렌더링하는 전통적인 방식을 사용해왔다.그런데 이 방식의 단점, 알고 계신가요?컴포넌트가 마운트된 이후에 데이터를 요청한다는 점이다.즉, 사용자가 페이지에 들어왔을 때,React는 먼저 빈 화면을 렌더링하고,그다음에 API 요청을 보내고,데이터를 받아오면 그제야 화면이 완성된다.React 자체도 가볍고 빠른 UI 프레임워크는 아니기 때문에, 여기에 데이터 로딩까지 기다려야 한다면?사용자는 빈 화면을 보며 기다려야 하고, UX는 자연스럽게 나빠진다. 이러한 문제를 해결하기 위해 Next.js에서는 "사전 렌더링"이..
Next
2025. 7. 30. 14:27