카카오페이지에서 최근 웹사이트를 개편하면서 Tailwind CSS를 도입했다고 합니다. Tailwind CSS는 최근 주목을 받고 있는 유틸리티 퍼스트 CSS 프레임워크입니다. 기존에 공통 컴포

카카오페이지에서 최근 웹사이트를 개편하면서 Tailwind CSS를 도입했다고 합니다. Tailwind CSS는 최근 주목을 받고 있는 유틸리티 퍼스트 CSS 프레임워크입니다. 기존에 공통 컴포넌트가 없어서 비슷한 컴포넌트가 많이 생겼고 스타일에 이름을 붙이지 않았기 때문에 수정할 때의 어려움을 해결하기 위해 Emotion CSS를 도입했다고 합니다. 하지면 여전히 문제가 있었는데 디자인 시스템의 부가적인 코드가 실제 기능 코드를 침범하고 있어서 가독성이 떨어졌기 때문에 Tailwind CSS를 도입했다고 합니다. Tailwind CSS를 직접 사용하는 대신 Twin.Marco를 이용해서 기존에 사용하던 Emotion CSS와 Tailwind를 같이 사용할 수 있게 되었다고 합니다.