React Core 깊게 이해하기

React로 기능 구현을 할 줄 아는 것만으로 과연 React를 잘 안다고 할 수 있을까? 컴포넌트의 렌더링 과정이나 동작 원리를 깊이 이해하지 못하면, 성능 최적화나 문제 해결이 필요한 시점에서 결국 한계를 마주하게 될것이다. 그래서 이번 시리즈에서는 React 라이

지난 글에서는 createElement() 메서드를 직접 구현해보며 JSX 를 ReactElement라는 객체로 변환하는 과정을 학습했다. ReactElement는 화면에 그릴 UI 컴포넌트의 정보를 담고있는 객체라고 배웠는데, 이번에는 그 객체가 DOM 요소로 변환되

React를 사용할 때, 불필요한 렌더링을 방지하는 것이 성능 최적화의 핵심 요소이다.처음 React를 접하면 state나 props가 변경되면 컴포넌트가 다시 렌더링된다고 배우기는 하지만실제로는 React가 모든 컴포넌트를 무조건 다시 렌더링하지 않는다.그럼 Reac