프론트엔드
느려터진 에디터 좀 고쳐줘를 AI에게 시켜봤다
두줄요약
AI에게 에디터 성능 개선을 맡겨 Auto Research 루프를 실험했습니다.\n평가 지표 설계가 핵심이었고, 실제 체감 성능에 맞는 벤치마크가 중요하다고 정리했습니다.
문제 상황
- 채널톡 위지윅 에디터에서 큰 문서 입력 시 렌더링 지연과 입력 끊김 발생
- 원인으로 NodeView(NodePortal) 구조의 광범위한 리렌더링 확인
- 담당자 부재로 개선 작업이 1년간 지연
구조와 흐름
- Auto Research를 활용한 자율 성능 개선 루프 구성
- prepare.py, train.py, program.md로 역할 분리
- 점수 상승 시 keep, 하락 시 git revert 반복
해결 방법
- React Profiler 기반 렌더링 지표와 벤치마크 전용 페이지로 점수표 재설계
- 실제 병목 시나리오를 반영해 대규모 문서·표·코드블록 입력을 측정
- 성능 개선과 회귀를 반복 검증하는 출근 루프 운영
성능/운영 포인트
- 50회 루프 중 5개 커밋 머지, 31개 discard, 14개 crash
- User INP 104ms→80ms, long task 53ms→0ms로 개선
- 점수표 정확도, 노이즈 통제, acceptance threshold의 중요성 확인
