[css-in-js] styled-components 특징, 장단점, 오류 해결

Styled components 컴포넌트 기반으로 CSS를 작성할 수 있게 도와주는 라이브러리 특징 Automatic critical CSS style component는 화면에 컴포넌트가 렌더링 되었는지 추적해 컴포넌트에 대한 스타일을 자동 삽입한다. 코드를 적절히 분배해 놓으면 최소한의 코드만으로 화면이 띄워질 수 있다. No class name bugs styled-component는 스스로 className을 생성하기 때문에 className의 중복이나 오타로 인한 버그를 줄여준다. Easier deletion of CSS Styled Component는 모든 스타일 속성이 특정 컴포넌트와 연결되어 있기 때문에 만약 컴포넌트를 더 이상 사용하지 않아 삭제할 경우 이에 대한 스타일 속성도 함께 삭제..

2023.01.19