rendertostring 썸네일형 리스트형 React의 renderToString 실행 여부 감지 방법 React에서 renderToString을 사용하여 서버 사이드 렌더링(SSR)을 수행할 때, 해당 코드가 서버에서 실행 중인지 클라이언트에서 실행 중인지 구분해야 할 경우가 있다. 이를 확인하는 방법을 정리한다.1. window 객체를 활용한 감지브라우저 환경에서는 window 객체가 존재하지만, 서버 환경(Node.js)에서는 존재하지 않는다. 이를 이용하여 실행 환경을 구분할 수 있다.const isServer = typeof window === "undefined";true: 서버에서 실행 중 (renderToString이 실행될 가능성이 있음)false: 클라이언트에서 실행 중2. useEffect를 활용한 감지React의 useEffect는 클라이언트에서만 실행되므로 이를 활용하여 SSR 여부.. 더보기 이전 1 다음
