Front-End/React

React

🧩 DOM 방식 vs React 렌더링 방식1️⃣ DOM 방식 (Vanilla JS)👉 결과를 직접 하나씩 바꾸는 방식화면(UI)이 바뀌면개발자가 직접 DOM을 찾아서 수정해야 함즉, "결과를 직접 제어"하는 방식document.getElementById("count").innerText = count;✔ 특징변경할 요소를 직접 선택해야 함상태가 많아질수록 코드가 복잡해짐유지보수 어려움2️⃣ React 방식👉 원인(state)만 바꾸면 결과(UI)는 자동으로 변경개발자는 화면을 직접 바꾸지 않음대신 상태(state) 만 변경setCount(count + 1);✔ 핵심 개념상태가 바뀌면 → 컴포넌트가 다시 렌더링됨React가 이전 화면과 비교해서👉 바뀐 부분만 업데이트 🧩 useEffect 완벽 ..