HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🎄
노아팀
/
💬
노닥노닥
/
styled-components
styled-components
styled-components

styled-components

tech stack
Dev

styled-component

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

현재 프로젝트 성향을 고려하여 Props를 활용한 재사용성을 높게 평가하여 styled-components를 선택.