강의

멘토링

커뮤니티

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

열씨미살자!님의 프로필 이미지
열씨미살자!

작성한 질문수

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

CSS 서버사이드렌더링

css 서버사이드 렌더링

작성

·

311

0

처음 next에서  ssr 적용을 안했을 경우 css가 안먹히는 이유는 무엇인가요?

getServerSideProps로 지금은 ssr을 전부 적용시키고 있지만 getServerSideProps를 사용안했을 경우에도  css가 안먹히는 이유가 궁금합니다.

답변 4

1

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

next를 사용하게 되면 기본적으로 서버사이드렌더링이 되는건 아니지 않나요 ? 

라고 말씀하셨는데 기본적으로 next의 pages는 서버사이드 렌더링이 됩니다. getServerSideProps는 추가적으로 데이터까지 가져오는 것이고요.

ssr을 제외한 상황에서는 모두 styled-components가 동작합니다.

1

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

styled components는 따로 SSR 세팅(_document.js)을 안 하면 서버사이드 렌더링이 안 됩니다. 동적으로 스타일 태그를 생성하기 때문입니다.

0

답변 감사합니다!

0

next를 사용하게 되면 기본적으로 서버사이드렌더링이 되는건 아니지 않나요 ? 

getServerSideProps 와 같은 메서드를 이용해야 서버사이드 렌더링이 적용되는 것으로 알고 있는데 

styled-components도 _document.js 셋팅을 안해도 적용이 되야 되지 않나가 궁금합니다.

getServerSideProps 를 사용하지 않으면 기본 React처럼 동작하는 것처럼 styled-components도 _document.js를 셋팅 해주지 않아도 기본 React에서 사용하는 것처럼 동작해야 되지 않나 라는 생각 때문에 헷갈립니다

 

열씨미살자!님의 프로필 이미지
열씨미살자!

작성한 질문수

질문하기