안정적인 SPA 리팩터링을 위한 준비 전략

본 글은 새로운 SPA 프로젝트에 투입된 필자가 팀과 함께 프로젝트의 구조를 명확하게 설계하고 요구사항 변화에 기민하게 대응하기 위한 리팩터링 전략과 접근 방식을 공유합니다. 여러 개발 주체에 의해 통일되지 않은 코드 컨벤션과 테스트 코드 부재로 인한 유지보수의 어려움을 겪었던 초기 상태를 설명하고, ESLint와 Prettier를 적용하여 코딩 스타일을 통일하고 코드 양이 많아 단순 노동에 많은 시간이 소요되었던 경험을 이야기합니다.

또한, 애플리케이션 설계의 비일관성으로 인해 컴포넌트 변경 시 영향 범위 특정의 어려움과 이로 인한 QA 리소스 소모 문제를 지적하며, 안정적인 SPA 리팩터링을 위한 준비 전략의 중요성을 강조합니다.