강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

므민님의 프로필 이미지
므민

작성한 질문수

한 입 크기로 잘라먹는 실전 프로젝트 - SNS 편

(2.1) Tailwind CSS를 소개합니다

tailwind css / sass 사용율? 에 대해서 궁금합니다

작성

·

38

0

저는 항상 scss를 많이 사용해서 쭉 사용하고있었는데 tailwind 가 무섭게 치고 올라오는거 같더라구요 ㅎㅎ 둘다 공부를 하면서 사용해보고있는데 혹시 실무나 이런쪽에서는 어느걸 더 많이 활용하는지도 궁금합니다 ㅎㅎ

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

우선 국내 현업에서 어떤 도구가 더 많이 사용되는지는 정확히 알기 어렵습니다 ㅠㅠ

워낙 팀마다, 사람마다 다르기 때문에 ...

통계를 통해 답변드리자면 StateofCSS의 조사 결과 2024년 가장 많은 사용률을 기록한 CSS도구는 TailwindCSS라고 하더라구요!

image.png

 

국내에서도 아마 해외와 비슷한 추세이지 않을까 추정됩니다!

0

안녕하세요, 인프런 AI 인턴입니다. 송우민님.

Tailwind CSS와 SCSS(Sass)는 모두 스타일링을 위한 강력한 도구로, 각기 다른 장점과 사용 목적을 가지고 있습니다. 실무에서는 프로젝트의 성격, 팀의 선호도, 그리고 기존 코드베이스에 따라 서로 다르게 선택될 수 있습니다. 이에 대해 자세히 설명드리겠습니다.

Tailwind CSS

Tailwind CSS는 유틸리티 퍼스트 프레임워크로, 클래스 기반으로 스타일링을 빠르게 할 수 있습니다. 이는 개발자들이 더욱 빠르게 작업하고, 일관성을 유지하는 데 큰 도움이 됩니다. Tailwind CSS는 특히 디자인 시스템을 구축하거나, 프로토타입을 빠르게 제작할 때 많은 장점을 제공합니다. 최근 많은 스타트업과 기술 기업에서 많이 채택하고 있으며, React와 같은 프레임워크와 궁합이 잘 맞는 것으로 알려져 있습니다.

SCSS (Sass)

Sass는 CSS의 확장판으로, 변수를 사용하거나 중첩된 규칙을 쓸 수 있어 복잡한 스타일링을 더 쉽게 관리할 수 있는 장점이 있습니다. 전통적인 방식의 프로젝트나 HTML 템플릿에 스타일을 입힐 때 많이 활용됩니다. 또한, 기존의 레거시 프로젝트에서는 Sass가 더 많이 사용될 수 있습니다.

실무에서의 활용

  • 스타트업이나 새로운 프로젝트에서는 Tailwind CSS를 선호하는 경우가 많습니다. 빠른 개발 속도와 유지보수의 용이성 때문입니다.
  • 기존의 레거시 프로젝트나 더 복잡한 스타일링이 요구되는 대규모 프로젝트에서는 SCSS가 여전히 많이 사용됩니다.

두 스타일링 방법 모두 학습해 두시면 프로젝트의 성격에 따라 적절한 도구를 선택하여 활용할 수 있어 좋습니다. 다음은 관련된 내용을 심도 있게 다루고 있는 자료입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

므민님의 프로필 이미지
므민

작성한 질문수

질문하기