React Css

Post Css

-중복적으로 작성해야 하는 경우가 많기 떄문에 반복적인 코드 작성을 최소화 하려고 사용한다
-순수 css를 사용하고
-어디서나 사용가능하다
-다양한 플러그인을 사용할 수 있어서 덜 제한적으로 사용이 가능하다

• 고립성독립성 순수css -> 입문자에게 좋다!
  -회사에서 많이 사용하고, 큰 규모에서는 postcss가 좋다 .

Styled-components

-자바스크립트에서 css를 사용할수 있게 해주는 자바스크립트 라이브러리 이다
-성능이 좋지않다. 재컴파일 되어야한다 .
-react , react-native에서만 사용가능
강점- 고립성/독립성 / 자바스크립트를 통한 편리함을 느낄 수 있다.
단점 - 비지니스 로직과 스타일이 뒤엉킬수 있다

Tailwind

성능 -원하는 클래스 이름들을 조립한다.
-어디서나 사용가능하다
단점 사용법을 익혀야 사용할 수 있다.
강점 잘 정의된 디자인 시스템 /클래스 이름 창작의 괴로움이 없다!
-정해진 css 이름을 쓰면 된다 /
-태그와 스타일을 함께 사용할 수 있다

-> 다소 난잡해 보일 수 있음! 유지보수에 어려울 수 있다/ 유지보수 편한 방법이 있긴 한데 사전에 사람들과 컴포넌트를 잘 나누고 사용해야한다
-사이드 프로젝트할때 쓰면 좋다