아토믹 컴포넌트를 적용하고 느낀 것들
이번에 링크드인 클론 프로젝트를 진행하면서 아토믹 컴포넌트 구조를 적용하게 되었는데, 아토믹 컴포넌트를 사용하면서 실제로 느꼈던 장점과 단점, 그리고 단점과 문제점들을 어떻게 개선했는지에 대해 애기해보고자 한다. 아토믹 컴포넌트(Atomic Component)란? 아토믹 컴포넌트는 brad frost가 고안한 디자인 시스템[1]으로, 화학적 관점에서 영감을 얻어 이를 컴포넌트 구조에 적용한 방식이다. 컴포넌트를 총 5가지 계층으로 나누게 되는데. atom(원자), molecule(분자), organism(유기체) 순으로 나누어진 컴포넌트를 template, page에서 사용하는 방식이다. 이 디자인 시스템의 장점은 매우 명확한데, 버려지는 컴포넌트 없이 모두 재활용할 수 있다는 것이다. 대부분의 서비스에..