![](https://tistory1.daumcdn.net/tistory_admin/blogs/image/category/new_ico_5.gif)
1. useLayoutEffect2. ์ปดํฌ๋ํธ ์ด๋ฒคํธ ํธ๋ค๋ง1. useLayoutEffect ์ด๋ โญ๏ธ๋ฆฌ์กํธ ํ ํจ์๋ฅผ ๋ฐํ์ผ๋ก ํ ์๋ช ์ฃผ๊ธฐ๋ ๋ค์๊ณผ ๊ฐ์๋ธ๋ผ์ฐ์ ๊ฐ ๋ ๋๋ง๋ ๋ .jsํ์ผ์ ๋ธ๋ผ์ฐ์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ผ๋ก ๊ถํ์ ๋๊ฒจ .js ํด๋น ํ์ผ์ ํ์ฑํ๊ณ ๊ทธ๋ฆฌ๊ฒ ๋จ์ ๊ทธ๋ฆผ์ ํ ๋ผ์ดํ ์ฌ์ดํด์ ๋ณด๋ค์ํผ ๋ธ๋ผ์ฐ์ ๊ฐ ์คํฌ๋ฆฐ์ ํ์ธํ ์์ ์ด ์๋ฃ๋ ์ดํ useEffect๋ฅผ ์คํํ๋ ๊ตฌ์กฐ๋ฅผ ๊ฐ์ก์๋ฐ๋ผ์ ์๋ ์ฝ๋์ ๊ฐ์ด ๋ ๋๋งํ ๋ useState(0)๊ณผ ๊ฐ์ ์ด๊ธฐ useState์ ๊ฐ์ด ๋น ๊ฐ์ด๋ผ๋ฉด, 0์ ์ถ๋ ฅํ๋ค๊ฐ useEffect๋ฅผ ํตํด ์ฑ์์ง๋ ๊ตฌ์กฐ๋ฅผ ๋// ์ฝ๋ ์ฐธ๊ณ : https://merrily-code.tistory.com/46import { useEffect, useState } from..