๐ย Reference
Concurrent Mode
- Concurrent Mode
- Concurrent Mode(๋์์ฑ ๋ชจ๋)๋ React 18๋ถํฐ ๋ณธ๊ฒฉ์ ์ผ๋ก ๋์
๋ ๊ธฐ๋ฅ์ผ๋ก, React๊ฐ ์ฌ๋ฌ ์์
์ ๋์์ ์ฒ๋ฆฌํ๋ ๊ฒ์ฒ๋ผ ๋ณด์ด๊ฒ ๋ง๋๋ ๋ ๋๋ง ๋ฉ์ปค๋์ฆ์ด๋ค.
- Fiber๊ฐ "์์
์ ์ชผ๊ฐค ์ ์๋ ๋ฅ๋ ฅ"์ด๋ผ๋ฉด, Concurrent Mode๋ ๊ทธ ๋ฅ๋ ฅ์ ํ์ฉํด "์ด๋ค ์์
์ ๋จผ์ ํ ์ง ๊ฒฐ์ ํ๋ ์ง๋ฅ"์ด๋ผ๊ณ ์ดํดํ๋ฉด ์ฝ๋ค.
ํต์ฌ ๋น์ : ํ์
ํ๋ ์๋ฆฌ์ฌ
- ๊ณผ๊ฑฐ์ React(Stack Reconciler)๊ฐ ํ ๋ฒ์ ํ ๊ฐ์ง ์๋ฆฌ๋ง ๋๋ด์ผ ๋ค์ ์๋ฆฌ๋ฅผ ํ๋ ์๋ฆฌ์ฌ์๋ค๋ฉด, Concurrent Mode์ React๋ ๋ค์๊ณผ ๊ฐ์ด ํ๋ํ๋ค.
- ๋น์ฐจ๋จ ๋ ๋๋ง (Non-blocking Rendering): ๋ฉ์ธ ์ฝ์ค(๋ฌด๊ฑฐ์ด ๋ฆฌ์คํธ ๋ ๋๋ง)๋ฅผ ์ค๋นํ๋ค๊ฐ๋, ์๋์ด ๋ฌผ์ ๋ฌ๋ผ๊ณ ํ๋ฉด(์ฌ์ฉ์ ์
๋ ฅ) ์ฆ์ ๋ฉ์ถ๊ณ ๋ฌผ์ ์ค ๋ค ๋ค์ ์๋ฆฌ๋ก ๋์์จ๋ค.
- ์ฐ์ ์์ ๊ธฐ๋ฐ: ๋ชจ๋ ์ฃผ๋ฌธ์ ์ ์ ์์๋๋ก ์ฒ๋ฆฌํ์ง ์๊ณ , '๊ธํ ๊ฒ(์
๋ ฅ, ์ ๋๋ฉ์ด์
)'๊ณผ '๋์ค์ ํด๋ ๋๋ ๊ฒ(๋ฐ์ดํฐ ๋ก๋ฉ)'์ ๊ตฌ๋ถํ๋ค.
ํน์ง
Interruptible Rendering (์ค๋จ ๊ฐ๋ฅํ ๋ ๋๋ง)
- ์ด์ ์๋ ํ ๋ฒ
render๊ฐ ์์๋๋ฉด ๋๋ ๋๊น์ง ๋ธ๋ผ์ฐ์ ์ ๋ฉ์ธ ์ค๋ ๋๋ฅผ ๊ฝ ์ก๊ณ ์์๋ค.