프론트엔드
쏘카플랜 개편기
두줄요약
쏘카플랜 개편의 촉박한 일정과 QA 이슈 대응 경험을 정리했습니다. 조기 추상화보다 안정화 후 리팩토링과 점진적 개선을 제안합니다.
문제 상황
- React·Next.js 기반 쏘카플랜 개편에서 초기 3주 일정 예측을 넘긴 요구사항·디자인·API 복잡도
- 촉박한 MVP 개발과 코드 이관 후 QA 기간에 130건의 이슈 발생
해결 방법
- WET 원칙과 코로케이션으로 성급한 공통화 대신 페이지 단위 구현 및 안정화 후 리팩토링
- UI 전용 Tag, 도메인 Hook, 선택 상태 Context로 관심사 분리
- ESLint·Prettier·TypeScript 적용과 레거시 코드의 점진적 개선
성능/운영 포인트
- 스토리 포인트와 스프린트 회고 기반의 일정 추정 정확도 보완
- 결함 심각도별 QA 우선순위와 백로그 관리
- Storybook 기반 컴포넌트 사용법 공유 필요성
주의할 점
- 코드 중복 제거를 위한 조기 추상화가 예외 처리와 복잡한 props를 늘릴 가능성
- 레거시 변경 시 영향 범위 검토, 충분한 테스트, 점진적 전환 필요