인프런 커뮤니티 질문&답변

홍원배님의 프로필 이미지
홍원배

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

더미데이터와 포스트폼 만들기

42초에서 말씀하신 서버사이드 렌더링에 대해 질문

해결된 질문

작성

·

301

0

0:38 초가량 부근에서

서버사이드렌더링은  defaultandserver?에서 html을 데이터와 합쳐서 그려준다고 그랬죠?

라고 하신 부분이 이해가 잘되지 않아서요

styledcomponent는 style을 컴포넌트로 꾸며주는 라이브러리고 렌더링할떄 작동하므로 서버에서 렌더링 하고 내려오는 SSR의 동작원리상 서버쪽에서 적용이 안됐다고 보면 되는거 같은데요 (맞나요?)

렌더링이라는거 자체가 브라우저에서 렌더링 엔진이 코드를 읽고 DOM, CSSOM하고 렌더트리로 합친다음에 리플로우 리페인트하는 과정이라고 알고 있습니다.

그럼 무조건 호스트쪽 컴퓨터의 브라우저에서 렌더링하는게 아닌가 싶은데 서버쪽에서 '렌더링'을 미리 해준다는 것이 무슨 말인지 이해가 잘되지 않습니다.

말씀하시는 '렌더링'은 화면을 구성할 코드를 만들어줬다는 말인가요? 

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 맞습니다. 서버사이드렌더링에서 렌더링은 브라우저에서 하는 렌더링이 아니라 서버쪽에서 데이터와 css태그 헤드 태그등을 다 포함한 html 코드를 완성한다는 의미입니다.

홍원배님의 프로필 이미지
홍원배

작성한 질문수

질문하기