의존성 그래프를 활용한 프로젝트 시각화 — 사이드 이펙트 한눈에 파악하기

간단 소개

의존성 그래프를 활용한 프로젝트 시각화로 사이드 이펙트 파악 및 코드 파악 시간 단축 방법을 제시한다.

AI Summary

문제 정의 및 해결 방향
- 사이드 이펙트를 늦게 발견하는 문제점을 5 Whys 기법으로 분석, 근본 원인이 많은 파일의 의존 관계 파악의 어려움임을 규명.
- 설계 개선과 시각화 두 가지 해결책 중, 빠른 문제 해결을 위해 의존성 그래프를 활용한 시각화에 집중.
의존성 그래프 활용 사례
- Bottom-Up 방식: 특정 컴포넌트가 어디에 사용되는지 파악 시, Dependency Cruiser를 통해 의존성 그래프를 생성, 파일 탐색 시간 단축 및 팀원과의 효과적인 커뮤니케이션 도구로 활용.
- Top-Down 방식: 특정 페이지가 어떤 파일에 영향을 받는지 파악 시, 하위 의존성을 시각화하여 코드 복잡도를 한눈에 파악, 일정 산정의 근거로 활용.
- 코드 리뷰: Pull Request에 의존성 그래프를 추가하여 리뷰 효율성을 높이고, 코드베이스 전체의 복잡도 관리.
- 팀 협업: 프로젝트 전체 구조를 의존성 그래프로 시각화하여 신규 기여자의 온보딩을 도움.
결론
- 의존성 그래프를 활용한 프로젝트 시각화는 코드 파악 시간을 단축시키고, 더 빠른 실행과 좋은 프로덕트 개발에 기여함.