Emotion과 Tailwind를 함께 사용하는 지에 대한 의문

Question

혼자 토이프로젝트 끄적이고 있는 와중 궁금증이 생겨서 질문 남겨봅니다.Emotion과 Tailwind를 같이 사용하는 케이스가 존재하나요?두 가지 섞어쓰느니, 한 가지 집중해서 포폴에 담는게 이득이겠죠??

몰랑토끼 · Accepted Answer

같이 사용할수도 있습니다. 스타일의 양이 많아 css in js를 별도의 파일에 두고, 양이 적을때에는 렌더링에 바로 tailwind 박으면되서요. 다만 css in js 다 보니 emotion을 사용해서 스타일링을 모을경우 죄다 import 해줘야되고 연결해야 되는 작업이 더 귀찮아지게됩니다. (만약 emotion만 사용하면 렌더링 하는곳에 바로 작성해서 import 가 필요가 없음) css in js 자체는 next에서 문제가 생길수도있어서 점점 하락세라 module + tailwind조합이 나름 좋습니다.

프로폴리스 · Answer

실제 프로젝트 운용에서는 복잡성을 고려해야 하지 않나 싶습니다.최신 트렌드 기술을 모두 적용하여 관리가 용이하다면 그렇게 하는 것이 맞지만,그게 아니라면 팀에서 원하는 기술스택을 그대로 따르는게 좋지요.저희 팀은 테일윈드만 씁니다

갤럭시최고 · Answer

twin.macro를 사용하면 됩니다.tailwind + styled-component 를 동시에 사용하기위한 라이브러리입니다

Emotion과 Tailwind를 함께 사용하는 지에 대한 의문

3개의 답변

Q&A 목록