jQuery 시대의 고통

jQuery 코드

$('#user-name').text(newName);
$('#user-age').text(newAge);
$('#user-email').text(newEmail);
$('#user-address').text(newAddress);
// ... 수십 개의 DOM 직접 조작

문제점

성능 - 빈번한 DOM 조작으로 인한 성능 저하

유지보수 - 여러 파일에 분산된 UI 로직

버그 - 상태 추적이 어려워 디버깅 복잡

6