styled-component
- Props를 활용한 동적으로 스타일 변경 가능
- 별도의 파일관리를 통한 재사용성 강조
vs SCSS
- 변수, 믹스인 활용으로 스타일 재사용성 강조
- 초기 세팅에 시간이 소요되나, 복잡한 스타일 효과 적용 가능
vs Tailwind
- 높은 학습 곡선
- 직관적이지만 가독성이 낮은 클래스 네이밍
- 코드 내 정의를 통한 혼돈 감소 단, 재사용성이 상대적으로 낮음
현재 프로젝트 성향을 고려하여 Props를 활용한 재사용성을 높게 평가하여 styled-components를 선택.