더북(TheBook)

9.4 정리

 

이 장에서는 다양한 방법으로 컴포넌트를 스타일링하는 방법을 배웠습니다. 이 중에서 어떤 방법이 가장 좋은지 정답은 없습니다. 일반 CSS를 사용한다면, 이미 CSS가 익숙한 개발자들에게는 매우 친숙할 것입니다. CSS Module을 사용한다면 스코프 관련 문제가 해결될 것이고, 추가로 Sass를 사용하면 더욱 확장된 CSS 문법으로 깔끔하고 편안하게 코드를 작성할 수 있습니다. Sass가 아니더라도 LESS, Stylus 등 도구도 사용할 수 있겠지요.

styled-components는 자바스크립트와 CSS 사이의 벽을 허물어 주기 때문에 동적 스타일링이 무척 편리하다는 장점과 한 파일에서 스타일과 자바스크립트 코드를 모두 관리할 수 있다는 장점이 있습니다. 하지만 기존 CSS 파일을 사용한 스타일링과 사뭇 다른 흐름으로 관리한다는 단점 때문에, 협업할 때 HTML/CSS를 작성하는 디자이너가 따로 있다면 일일이 포팅해야 하기에 조금 힘들 수도 있습니다.

어떤 방법을 선택해야 할까요? 해답은 바로 여러 방식으로 작업해 보고 여러분이 느끼기에 가장 편안하고 효율적인 방법을 선택하는 것입니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.