inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

(2.1) Tailwind CSS를 소개합니다

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

168

므민

작성한 질문수 1

0

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

react typescript react-query supabase zustand

답변 2

0

이정환 Winterlood

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

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

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

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

image.png

 

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

0

인프런 AI 인턴

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

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

Tailwind CSS

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

SCSS (Sass)

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

실무에서의 활용

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

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

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

회원가입 구현 (구현 후 최종 화면 출력 X)

0

41

2

(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의

0

37

1

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

37

2

useMutation 적용 후 새로운 글 등록시 content가 안보여요

0

49

2

6.8 zustand 세션 질문입니다.

0

92

2

next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?

0

80

2

shadcn에서 radix ui와 base ui 차이는 뭔가요?

1

324

2

updateTodo 함수 생성시 화살표 함수 사용 안하는 이유

0

75

2

4.11 바로 투두 삭제가 안됨 질문

0

86

3

매개변수 updatedTodo 관련 질문

0

66

3

인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!

0

79

2

supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!

0

69

2

4.6 id를 string으로 변경시 오류

0

64

2

리액트 타입스크립트 관련 질문있습니다.

0

62

1

소셜 로그인 구현하기 관련하여 질문이 있습니다!

0

98

2

ui 파일 질문드립니다.

0

76

1

tanstack query devtools에서 질문있습니다!

0

66

2

댓글 삭제 시 isPending 질문

0

64

2

두번째 예외상황에 대해 질문있습니다!

0

65

1

리액트 쿼리 질문입니다

1

72

2

개발자도구에서 components 가 안보입니다.

0

94

3

state 관리에 대한 정리

0

79

3

[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.

0

177

3

like 테이블에서 왜 create_at이 필요한지 궁금합니다.

0

78

1