컴포넌트 시각화

React(리액트)는 Storybook(스토리북)을 적극 사용하자.

React는 컴포넌트를 기반으로 재사용성을 통해 빠른 개발과 유지 보수를 용이하게 하고 컴포넌트(기능이든 뷰 단위든)별 독립적인 테스트가 가능한 장점이 있다. 근데 가장 큰 문제는 신입 개발자가 프로젝트에 긴급히 투입되거나, 너무 오래 방치해있던 프로젝트에 큰 대규모 유지 보수를 진행해야 하는 경우 이 컴포넌트가 어떤 컴포넌트인지 잊어버릴 때가 있다. 컴포넌트가 명확한 기능만 하고 간소화된 프롭들만 제공한다면 큰 문제는 없겠지만 프롭이 많고 복잡하게 구성된 컴포넌트를 보고 있자니 일단 차근히 코드 분석부터 시작해야 한다. 물론 개발 단계에서 미래를 생각하며 잘 구성된 컴포넌트는 이런 자원적 낭비가 없겠지만 현실적으로는 프로젝트 기간에 시달리며 작성한 코드들이 대단히 많을 것이다. 누구나 처음에는 잘 만들..