• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 렌더링 관련 질문

렌더링 관련 질문

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #24649

    제우스
    참가자

    코딩애플로 리액트 마스터하고 사이드프로젝트 진행 후에 넥스트로 업그레이드 중인데 물어볼 사람이 도저히 없고 구글링해도 시원하지 않아 여기에 질문하는점 양해 부탁드립니다 ㅠㅠ

     

    NextJS / NuxtJS 를 사용하면 유저가 접속하는 첫 페이지만 SSG/SSR으로 작동하고 라우팅시에 CSR으로 작동을 하잖아요.

    따라서 네트워크 탭을 통해 확인해 봐도 새롭게 서버에서 HTML을 받아오지 않구요.

    그냥 일반 ReactJS, VueJS 사용시에 페이지소스보기를 하면 렌더링된 화면과 다르게 텅 비어있는것을 볼 수 있는데 이는 JS가 DOM조작을 하기 때문에 당연한거라고 이해했습니다.

    하지만 어떻게 NextJS / NuxtJS 를 사용하면 페이지소스보기 시에 렌더링된 화면과 일치하는 소스코드가 들어가 있는것인가요?

    첫 페이지가 SSG/SSR로 작동하기 때문에 첫 페이지는 당연하게 이해가 가는데 페이지 이동시에 CSR로 작동하는데도 소스코드를 열어보면 렌더링된 화면과 일치하는 소스가 들어가 있는것이 잘 이해가 되지 않습니다. 네트워크 탭에서 HTML을 받아오는것도 아닌데요...

    #24670

    codingapple
    키 마스터

    Nextjs는 항상 서버에서 html을 만들어서 보내주는게 아니라

    가끔은 리액트처럼 데이터만 가져와서 프론트엔드에서 html로 만들어주고 그런 것도 가능해서 그런듯요 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠