컴포넌트 제작시 글로벌 css와 Scoped css

Question

프로젝트에서 주로 글로벌하게 css를 사용하고 있는데

scoped하게 사용하거나 둘을 적절하게 사용하는게 더 좋은가? 라는 생각을 하고 있는데

어떤것이 더 나은지 모르겠고 둘을 섞어 쓴다면 그 기준을 잘 정하지 못하겠는데

어떻게 하는것이 좋다고 생각하시는지 궁금합니다.

Answer

수업에서는 따로 css를 다루지 않아서 스코프 css 기능을 사용하진 않았는데요. 말씀 하신대로 둘을 잘 활용하시는게 좋을 것 같습니다.

뷰는 아니지만 리액트의 styled-components와 sass를 혼용해서 사용해 본 경험이 있는데요. styled-compoennts가 vue의 스코프 css와 비슷한 역할을 합니다.

저는 유틸리티 성격의 스타일을 sass에 정의해서 전역으로 사용했고요. 특정 컴포넌트에 속해있는 것은 styled-components로 사용했는데 참고가 되실지 모르겠네요.