React의 동작 원리와 장단점은 무엇인가요?

이렇게 답해 보세요 (핵심 답변)

React는 입력으로부터 다음 UI 트리를 계산하는 렌더 단계와 계산된 변경분을 실제 DOM에 반영하는 커밋 단계를 분리해 동작합니다. 선언적 컴포넌트 모델과 단방향 데이터 흐름 덕분에 복잡한 화면에서도 상태 변화의 원인을 추적하기 쉽다는 장점이 있습니다. 반면 상태 소유권과 Effect 경계, 번들 및 렌더링 비용을 직접 설계해야 하며 생태계 조합에 따른 학습과 유지보수 비용이 따릅니다.

함께 설명하면 좋은 이유 (꼬리질문 대비)

1. 화면 계산(Render)과 DOM 반영(Commit)을 구분하면 불필요한 컴포넌트 재실행과 실제 브라우저 비용을 나누어 진단할 수 있습니다.
2. 라이브러리 선택의 자유도가 높은 만큼 팀 차원에서 라우팅·상태 관리·빌드 구성을 일관되게 관리해야 합니다.

면접에서 자주 하는 실수

가상 DOM을 사용한다는 이유만으로 어떤 상황에서든 직접 DOM을 조작하는 코드보다 무조건 빠르다고 단정해서는 안 됩니다.