React의 렌더링과 커밋 과정: 개념부터 이해하기
·
React
React를 사용하다 보면 "렌더링(Render)"과 "커밋(Commit)"이라는 용어를 자주 접하게 된다.이 개념을 명확하게 이해하면 React의 동작 원리를 더 잘 파악할 수 있고, 성능을 최적화하는 데도 도움이 된다.이 글에서는 React의 렌더링과 커밋 과정이 각각 무엇을 의미하는지, 그리고 이를 어떻게 활용하면 좋을지 정리해보려고 한다.1. 렌더링(Render)이란?React에서 렌더링이란, 컴포넌트가 UI를 어떻게 표시할지를 결정하는 과정이다.즉, 컴포넌트 함수가 실행되면서 새로운 UI를 생성하는 단계라고 보면 된다.function Greeting({ name }) { return 안녕하세요, {name}!;}위 코드에서 Greeting 컴포넌트가 실행되면 name 값에 따라 다른 UI를 생..