SSR에서 사용할 수 없는 것들

• window, document 대표적으로 이 두 개는 사용할 수 없다.
  • 사용하면 undeinfed 에러가 나온다.
• 만약 클라이언트쪽에만 리소스를 오류 없이 임포트하고 싶다면 아래 방법을 사용하자!

해결방법

if(typeof window !== undefined && process.client) {}

typeof window !== undefined

• window함수의 타입이 undefined가 아님을 검증하고 if문 안에 명령어를 넣으면 CSR에서 사용하는 함수들도 모두 사용 가능해진다.

process.client

• process.client는 현재 상태가 CSR인지 확인해주는 함수이다.

위 두 방법을 이용하면 window, document를 사용해도 오류가 나지 않는다.