๐ฅ
ํ๊ทธ ๋ชฉ๋ก
- ์ ์ฒด๋ณด๊ธฐ(29)
- JavaScript(13)
- React(9)
- CSS(5)
- Event(2)
- this(2)
- visibility(1)
- vw(1)
- ํจ์ ์ค์ฝํ(1)
- ์ค์ฝํ(1)
- Box Model(1)
- ํจ์ ์ปดํฌ๋ํธ(1)
- ํธ์ด์คํ (1)
- vmax(1)
- lifecycle(1)
- vmin(1)
- MPA(1)
- float(1)
- vh(1)
- useEffect(1)
- event loop(1)
- px(1)
- ๋ ์์ปฌ ์ค์ฝํ(1)
- ๋๋ฒ๊น (1)
- const(1)
- let(1)
- var(1)
- ํด๋ก์ (1)
- key(1)
- State(1)
- hook(1)
- ๋ฆฌ๋ ๋๋ง(1)
- useLayoutEffect(1)
- CSR(1)
- SSR(1)
- ํ์ดํ ํจ์(1)
- issue(1)
- strict mode(1)
- opacity(1)
- stale closure(1)
- ํด๋์ค ์ปดํฌ๋ํธ(1)
- spa(1)
- display(1)
- rem(1)
- Props(1)
- JSX(1)
- em(1)
- ๋ธ๋ก ์ค์ฝํ(1)
- ์ปดํฌ๋ํธ ๋ฐ๋ณต(1)
- position(1)
์ ์ฒด๋ณด๊ธฐ (29)JavaScript(13)React(9)CSS(5)Event(2)this(2)visibility(1)vw(1)ํจ์ ์ค์ฝํ(1)์ค์ฝํ(1)Box Model(1)ํจ์ ์ปดํฌ๋ํธ(1)ํธ์ด์คํ
(1)vmax(1)lifecycle(1)vmin(1)MPA(1)float(1)vh(1)useEffect(1)event loop(1)px(1)๋ ์์ปฌ ์ค์ฝํ(1)๋๋ฒ๊น
(1)const(1)let(1)var(1)ํด๋ก์ (1)key(1)State(1)hook(1)๋ฆฌ๋ ๋๋ง(1)useLayoutEffect(1)CSR(1)SSR(1)ํ์ดํ ํจ์(1)issue(1)strict mode(1)opacity(1)stale closure(1)ํด๋์ค ์ปดํฌ๋ํธ(1)spa(1)display(1)rem(1)Props(1)JSX(1)em(1)๋ธ๋ก ์ค์ฝํ(1)์ปดํฌ๋ํธ ๋ฐ๋ณต(1)position(1)
useEffect vs useLayoutEffect
์ค๋์ useEffect์ useLayoutEffect์ ์ฐจ์ด์ ๋ํด ๊ณต๋ถํด๋ณด๋ ค๊ณ ํฉ๋๋ค. ์ผ๋จ 2๊ฐ์ง ๊ณผ์ ์ ๋ํด ์์์ผํฉ๋๋ค. Render: DOM Tree ๋ฅผ ๊ตฌ์ฑํ๊ธฐ ์ํด ๊ฐ ์๋ฆฌ๋จผํธ์ ์คํ์ผ ์์ฑ์ ๊ณ์ฐํ๋ ๊ณผ์ Paint: ์ค์ ์คํฌ๋ฆฐ์ Layout์ ํ
2022๋
3์ 19์ผ
ยท
0๊ฐ์ ๋๊ธ