SASS(SCSS)

장점

• css 시트임에도 문법적으로 활용할 수 있다는 점
• 코드 중복을 줄일 수 있다.
• 변수 사용이 가능하기 때문에 유지보수가 한결 쉬어진다.

단점

• Bem이론을 따라갈 경우, nesting이 되면서 class 이름이 너무 길어질 가능성이 크다.
• css에 비해 줄었다지만, 여전한 스크롤의 압박
• 기능이 많이 들어있어서 용량이 크다.
• SCSS를 CSS로 변환하는 과정을 알기 어렵다.

styled-components

장점

• 클래스를 만들 필요가 없다.
• 자바스크립트 내부에서 스타일을 정의하기 때문에 자바스크립트와 스타일 사이의 벽이 허물어져 동적 스타일링이 더욱 편해진다.