๋ชฉ๋กwindow (1)
๐ค ์์งlog ๐ค
[NextJS] NextJS ์์ window ๊ฐ์ฒด๊ฐ ์๋ค๊ณ ํ ๋
Next.js์์ ์ ๊ณตํ๋ SSR, ํ์ง๋ง ์ฐ๋ฆฌ๋ SSR์์ ์ฌ์ฉํ์ง ๋ชปํ๋ ๊ฐ์ฒด์ธ window ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ ๋๊ฐ ๋ง์ต๋๋ค. ๊ทธ๋ด๋ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ ! 1. typeof ๋ฅผ ์ฌ์ฉ. if(window){...} // window is not definde ์๋ฌ๋ฐ์ if(typeof window !== undefined) {...} // ์ ์๋์ง์์ window์ ํ์ ์ด๊ธฐ๋๋ฌธ์ undefied๊ฐ ๋ฐ์ -> ์๋ฌ๊ฐ ๋ฐ์ํ์ง ์์ต๋๋ค. ๊ฐ๋จํ๊ฒ ์ด๋ฌํ ๋ฐฉ๋ฒ์ผ๋ก window๊ฐ์ฒด๊ฐ ์๋์ง ์ฒดํฌํ๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. 2. useEffect๋ฅผ ์ฌ์ฉ. useEffect(()=>{ // ์์์ window ๊ฐ์ฒด๋ฅผ ์ฌ์ฉ },[]) useEffect๋ DOMํ์ฑ ํ์ ์คํ์ด ๋๋ hook์ ๋๋ค. ๊ณ ๋ก ๋ธ๋ผ์ฐ์ ๊ฐ์๋ ์๋ฒ์์ ..
๐ท Next JS
2023. 1. 5. 15:00