React가 뭔가? 왜 jQuery 대신 React인가?

💡 React는 '데이터가 이렇다, 화면은 알아서 그려라'고 선언하는 선언형 방식이며, jQuery는 '이 DOM을 찾아서, 이렇게 바꿔라'고 하나하나 지시하는 명령형 방식입니다. 이것이 두 라이브러리의 가장 근본적인 차이점입니다.

💡 Virtual DOM은 메모리에 가상의 DOM 트리를 유지하고, 상태가 변경될 때 이전 Virtual DOM과 새 Virtual DOM을 비교(Diffing)하여 실제로 변경된 부분만 실제 DOM에 반영합니다. 이를 통해 불필요한 DOM 조작을 최소화합니다.

💡 React의 핵심 철학은 컴포넌트 기반, 선언형 프로그래밍, 단방향 데이터 흐름(부모 자식)입니다. 양방향 데이터 바인딩은 Angular의 특징이며, React는 데이터가 단방향으로 흐르는 구조를 채택하여 예측 가능성을 높입니다.

💡 React에서는 상태(state)를 변경하는 함수(예: setState, useState의 setter)를 호출하면 React가 자동으로 Virtual DOM을 재계산하고 실제 DOM을 업데이트합니다. DOM을 직접 조작하는 것은 React의 Virtual DOM과 불일치를 일으킬 수 있어 권장하지 않습니다.

💡 React 컴포넌트는 UI를 독립적이고 재사용 가능한 조각으로 나눌 수 있습니다. 레고 블록처럼 한 번 만든 컴포넌트를 여러 곳에서 재사용할 수 있고, 컴포넌트 단위로 수정하므로 유지보수도 훨씬 쉬워집니다.