브라우저는 어떻게 동작하는가?

CRP - Critical Rendering Path

웹 브라우저에 URL을 입력하면…

후킹, Hooking

Vite

React.memo

Virtual Dom

마이크로 프론트엔드

Module Federation

React 최적화를 위해 해야할 것

• 번들 사이즈 줄이기 (React Build 결과물)
• useCallback, useMemo 적극 활용
• CRP 최적화 (reflow, repaint 최소화 하도록 코드 리팩토링)

프론트엔드 로드맵