인프런 커뮤니티 질문&답변
작성한 질문수
궁금한 점이 있어서 여쭈어봅니다!
해결된 질문
작성
·
48
0
안녕하세요, 강사님! 강의 잘 보고 있습니다!
이번 강의를 들은 뒤에 다른 수강생분들의 질문도 보면서 따로 정리를 하며 문득 든 궁금점이 있어 여쭈어봅니다.
각 페이지 별로 최초 접속할 때에 사전 렌더링이 진행되는 건가요?
ex.) index페이지, search 페이지(/search), book 페이지(/book) 등 각각 처음 접속할 때 사전렌더링이 진행되는지
1번이 맞다면 프리페칭과 부딪히는 게 아닌지 궁금합니다!
ex.) index 페이지에 최초 접속할 때, index 페이지에서 이동할 가능성이 있는 페이지의 JS Bundle을 미리 불러오니까 처음 search 페이지로 이동한다면 사전 렌더링 방식으로 해야 되는데(1번이 맞다면), 이미 JS Bundle을 불러와 준비해두었기 때문에 CSR 방식으로 렌더링이 되지 않나요?
프리페칭이 진행되어서 index 페이지가 렌더링될 때 search 페이지의 JS Bundle이 같이 렌더링되어 CSR 방식으로 search 페이지를 요청 받았는데, 만약 search 페이지에서 미리 렌더링되지 않은 페이지로 이동하게 되면 다시 사전 렌더링 방식을 거쳐 이동하게 되는 건가요? 혹은 search 페이지로 이동할 때 CSR 방식으로 브라우저에서 바로 화면에 노출되게 하고, 내부에서 따로 브라우저-서버 사이에 렌더링되지 않았던 페이지의 JS 코드를 렌더링하는 건가요?
답변 1
0
안녕하세요 이정환입니다. 순서대로 답변드릴게요
1) 네 맞습니다. 모든 페이지에 초기 접속 요청이 발생할 경우 사전 렌더링이 진행됩니다.
2) 초기 접속이라는 것은 이 웹서비스에 초기 접속하는 것을 말합니다. 따라서 예를 들어 브라우저에서 주소를 입력하여 페이지에 접속하거나, 새로고침으로 접속하거나 하는 등의 방식으로 접속하는 것을 말합니다. 말씀하신 예시인 인덱스 페이지에서 링크를 클릭해 서치 페이지로 이동하는 것은 초기 접속이 아닌 "페이지 이동"에 해당됩니다. 인덱스 페이지에 이미 초기 접속을 했고, 이후에 서치 페이지로 이동을 하는 과정이라고 이해하시면 됩니다.
3) 프리페칭되지 않는 페이지로 이동할 경우, 페이지 이동 요청이 발생했을 때 JS Bundle만 새롭게 불러오게 됩니다. 이는 우리 강의의 2.4) 프리페칭의 5분 경에서 아래의 그림과 함께 설명드린 내용이니 함께 참고하시면 도움이 될 것 같습니다 😃
초기접속이 url을 통한 이동이랑 새로고침이었군요...! 알려주셔서 감사합니다! 프리페칭도 다시 한 번 강의 보면서 복습해야겠네요. 열심히 공부해서 마스터해 오겠습니다 😎