<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">react에<span style="font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 1em; color: #ffffff;">R</span><span style="letter-spacing: -0.3px;">code splitting 을 적용하면 </span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="letter-spacing: -0.3px;">첫로드시에 필요한 페이지 데이터만 받아오고, 페이지 이동시에 추가적으로 데이터를 받아오고 2번이상 페이지 접속시 csr처럼 동작하는것으로 알고 있는데요.</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">nextjs에서 ssr동작이 위와 차이점을 못느껴서 질문드립니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">react에서 <span style="letter-spacing: -0.3px;">code splitting적용한것과 nextjs에서 ssr동작하는것에</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><span style="letter-spacing: -0.3px;">차이점이 있나요?</span></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p><span style="color: #24292e; font-family: 'Noto Sans KR'; font-size: 16px; background-color: #ffffff;">리액트 코드스플리팅에서 말씀하신 데이터를 언제 불러오나요?</span></p>

<p>리액트 코드스플리팅에서는 필요한 데이터를 같이 불러오지 못하고 html js css만 불러옵니다.</p>

Inflearn コミュニティ Q&A

질문드립니다