Half Road

Vue 프로젝트를 하다 보면 어느 순간 하나의 컴포넌트가 감당할 수 없을 만큼 커지는 시점이 온다.이번에 이미지 처리 프로젝트의 메인 페이지인 ImgPrcPage.vue 가 정확히 그 상태였다.script 블록만 1,500줄.그래프 노드 조작, 프리셋 CRUD, 프로세스 CRUD, 원본 이미지 관리, 썸네일 연산, 확대 팝업, 크롭 관리까지,하나의 페이지에 10개 이상의 관심사가 뒤엉켜 있었다.🤕 왜 문제였나코드가 길다는 것 자체가 문제는 아니다. 진짜 문제는 변경의 파급 범위를 예측할 수 없다는 것이다.프리셋 저장 로직을 수정하려면 스크롤을 내려서 해당 함수를 찾고,그 함수가 참조하는 nodes, edges, oOrigin 같은 상태가 어디서 변경되는지 추적해야 했다.그런데 그 상태들은 썸네일 연산에..