πΒ μ λ λͺ©ν (Quantitative Goals)
- 300μ μ
λ ₯ μ
- μ
λ ₯ β νλ©΄ μ
λ°μ΄νΈκΉμ§μ λ°μ μλ X ms μ΄ν
- 1000μ μ
λ ₯ μ
- κΈ°λ³Έ λ²μ λλΉ νκ· μ
λ ₯ μ§μ°(Input Latency) 30% μ΄μ κ°μ
- λ°λ³΅ ν
μ€νΈ 30ν κΈ°μ€
- νκ· /μ€μκ°(Median) κΈ°μ€ μΌκ΄λ μ±λ₯ κ°μ νμΈ
- Web Worker μ μ© λ²μ μμ
- λ©μΈ μ€λ λ μ μ μ¨ κ°μ μμΉν (Performance API κΈ°μ€)
πΒ μ μ± λͺ©ν (Qualitative Goals)
- React 19 Concurrent Rendering
- useTransition, useDeferredValue λ± μ€νμ ν΅ν΄
μ
λ ₯ μ€ νλ©΄μ΄ λκΈ°μ§ μλ νλ¦μ μ§μ 체κ°νκ³ μ΄ν΄νκΈ°
- Web Worker κΈ°λ° μ°μ° λΆλ¦¬ κ²½ν
- κΈ΄ μ°μ°μ λ©μΈ μ€λ λμμ λΆλ¦¬νμ λ μ
λ ₯/λ λλ§ λ°μμ±μ΄ μ΄λ»κ² λ¬λΌμ§λμ§ νꡬ
- μ¬μ©μ μ€μ¬ μ±λ₯ κ°μ κ΄μ ν립
- λ¨μ μλ κ°μ μ΄ μλλΌ βμ¬μ©μκ° λλΌλ μ§μ°μ μ€μ΄κΈ° μν μ΅μ νβλ₯Ό λͺ©νλ‘ μ¬κ³
- μΈ‘μ β λΉκ΅ β λΆμ β νκ³ μ ꡬ쑰νλ κ°λ° κ²½ν
- μ±λ₯ μ§νλ₯Ό κΈ°λ°μΌλ‘ κ°μ λ°©ν₯μ λμΆνκ³ λ°μ΄ν°λ₯Ό ν΄μνλ κ³Όμ μ ν΅ν΄ μ¬κ³ νμ₯