SNUBUS [트러블 슈팅(3)] - 내가 CSS in JS(Emotion)을 선택한 이유와 한계점

오늘은 SNUBUS 서비스를 만들며 메인 페이지 등에 css 스타일을 여럿 적용하다가 결국 CSS in js 방식, 그 중에서도 Emotion 라이브러리를 선택한 "개인적인" 이유에 대해 정리해보려고 한다! 물론 많은 코드에서 CSS in js 방식을 선택한 이유가 드러나지만, 가시성을 위해서 대표적으로CSS in js 방식을 선택하게 한 trigger 코드만 정리했다. 1️ CSS in js 방식을 선택한 이유 - DX 향상 지금까지 내가 웹사이트를 개발하면서 css in js를 사용해본 적이 없었다.

기본적으로 일반적인 css in css 방식을 사용하여 개발해왔고, 가장 최근에는 tailwind css를 사용하여 개발을 하였다. 일단 tailwind css는 내게는 단점이 너무나도 명확했다.

가장 많이 사용하는 css 라이브러리긴 하지만 개인적으로 코드 가시성이 안 좋았고 반응형까지 고려하다보니 너무 눈에 코드가 들어오지 않았다. css 특성상 자주 수정해야줘야 하는데(그래서 ...