JSX는 JavaScript를 확장한 문법으로, React에서 엘리먼트의 UI가 어떻게 생겨야 할 지를 나타내기 위해 사용된다.
React DOM은 새로 그리는 화면을 최소화하기 위해서 엘리먼트를 이전 엘리먼트와 비교해서 필요한 경우에만 DOM을 업데이트하며, Diffing Algorithm에 따라 변경 전, 후의 React 엘리먼트 트리를 비교하여 가장 효과적으로 UI를 갱신할 방법을 찾는다.
🤵 State와 Ref의 차이가 무엇인가요? 🙎 ??? 🤵 이런 상황에서 ref의 값이 변경된다면 다시 렌더링이 될까요?
직접 DOM을 제어하지 않아도 되고, 직접 DOM을 제어하는 것보다 성능 상에서 나을 수 있다