스타일과 로직을 제대로 분리해보자. VAC 패턴!

그리고 완성된 것을 보니 감탄을 금할 수 없었습니다. 그래서 디자이너 친구에서 조언을 구하고 컴포넌트를 전체적으로 리펙토링하며 디자인을 입히고 있었습니다. 컴포넌트와 디자인이 한파일내에 있기때문에 적절히 컴포넌트를 분리한다면 한눈에 파악할 수 있기 때문입니다. 그래서 작은 컴포넌트는 CSS-in-JS로 디자인을 입히고 여러 컴포넌트가 결합되는 Page는 scss로 약간의 디자인을 더할 뿐입니...

Reacttypescriptvacdesing patternview asset componentJavaScriptJavaScript