핵심 요약
SSG.COM은 모듈유닛을 통해 페이지를 구성하는 최소 UI 단위를 표준화하고, 변경 시 다수 화면에 일괄 반영되도록 유지보수와 정책 설계를 개선했습니다.
주요 경험
- 신세계백화점 PC 메인 React 전환기에서 모듈유닛의 개념을 구체화하고 팀에 정합성을 공유했습니다.
- 모듈유닛은 API 응답의 unitType(TITLE_UNIT, LAYER_ROLLING_BANR, IMG_ITEM)으로 구분되며, 각 유닛에 필요한 데이터, UI 옵션, 트래킹 로그를 포함합니다.
- 홈 구성은 현재 약 20개 모듈유닛으로 이루어지며, 공통 모듈 재사용으로 개발·운영 비용이 절감될 수 있습니다.
얻은 인사이트
- 공통 모듈의 변경은 정책 설계와 기획 리뷰가 선행되어야 하며 영향 범위가 명확해집니다.
- 한 번의 수정으로 여러 화면에 반영되므로 유지보수 효율이 크게 향상됩니다.
- 모듈유닛 기반 구조는 책임 소명과 변경 영향의 추적을 용이하게 만듭니다.
