methods1 개발기초 Vue.js computed (캐싱, 반응형, 성능 최적화) Vue.js를 처음 배울 때 computed를 보고 "그냥 함수랑 뭐가 다르지?"라고 생각하신 적 있으신가요. 저도 그랬습니다. 그런데 제조 MES 프로젝트에서 설비 상태 데이터를 실시간으로 화면에 뿌리다가 브라우저가 버벅거리기 시작했을 때, 그 생각이 완전히 바뀌었습니다. computed는 단순한 편의 기능이 아니었습니다.methods로 버텼던 시절, 그리고 한계처음 MES 화면을 만들 때는 설비 상태 계산 로직을 전부 methods로 처리했습니다. 데이터가 적을 때는 문제가 없었는데, 실시간으로 들어오는 데이터가 많아지기 시작하면서 테이블 필터링과 상태 집계 함수가 화면이 갱신될 때마다 반복 실행되는 상황이 벌어졌습니다. 버튼 하나 눌러도 화면 전체가 버벅거렸고, 처음에는 서버 문제인 줄 알았습니다... 2026. 5. 30. 이전 1 다음 반응형
