react를 사용하면서 마주하게 된 고민
Styled Component와 Scss어느것이 도 효과적인가?
현재(아직 Styled Component를 프로젝트에 사용하기 전이고 앞으로의 2주간의 프로젝트에서 사용하기로 되어있음_ 후에 생각이 달라지면 계속 생각을 이어나갈 생각)의 생각은
"팀의 대세를 따르자...! "
개인적으로 사용전이라 확실한 생각이라고 절대 자신을 못해서 머릿속으로만 생각하다
그래도 나름 기록으로 남기면 미래의 나를 위해 좋겠다 싶어서 적어보는중이다.현재 느끼기에는 Styled Components는 vue에서 제공하는 "style scoped"와 비슷한 개념으로 느껴짐!(물론 작성방식이라든지 차이가 있음)
다만 scoped는 정말 그 컴포넌트만 적용되어서 css적용할 때 꽤 제한이 있어서 회사에서는 결국 css파일을 따로 빼서 관리했던 기억이 난다. (물론 더 좋은 방법이 있었을 수 있다..! vue를 다시 도입할 일 있으면 한번 이점에 대해 다시 알아보고 싶다.)그와는 다르게 Styled Components는 props로 넘겨준다든지, 다양한 보완책이 있다! 또한 전역으로 createGlobalStyle()라는 함수로 common.css(scss)처럼 관리도 충분히 가능하다.
왜 고민하는가?
이렇게 좋기만 하다면 모든회사에서 다 도입할법도 한데, 그렇다고 모든 회사에서 바이블처럼 Styled Components를 사용한다는 말도 못들어본거 같아서 혼자 고민하고 검색해보고 있다. 렌더링이 자주 또 빈번할 경우에 css와 다르게 렌더링이 될때마다 실행되어야하기때문에 렌더링 지연이 생길 수 있다!
아직 사용해보지 않았고 장점이 많이 보이기때문에 일단 써보고 조금 더 생각을 이어가고 싶다!
