React 스타일링 해주실 분 찾아요

나는 디자이너, 퍼블리셔를 거치면서

css 파일을 작성하고, class 명칭을 부여하고, 자주 쓰이는 속성들은 모듈화하는 것에 익숙하다.

귀찮고, 어렵다기보다는 html 파일내에 각 태그내에 class 명칭을 보면서 ' 아, 대충 어떤식으로 렌더링이 되겠군 ' 이라고 느낄 정도이다.

또한, 함께 일하는 백엔드 개발자들까지 내가 명명한 class 를 잘 사용한다(자랑질)

React에서도 동일하게 css 파일을 사용하면 된다.

하지만, 전통적인 것만을 지키고 미래의 것은 배척하는 폐쇄적인 사람처럼 보이고 싶지 않기에 React에서는 새로운 CSS-in-JS 라이브러리를 사용하려 한다.

 

세상에 라이브러리는 많지만, 보편적으로 사용하는 후보군으로 추려본다.

1. styled-components

2. Emotion

속도, 구현방식 등 크게 다르지 않지만, 나는 이번 프로젝트에서는 styled-components를 사용할 예정이다.

 

이유는, Emotion 은 SSR에서의 지원이 훌륭하지만 이번 프로젝트는 아직 SSR을 도입할 계획이 없기 때문이다.

(만약한다면 다시 Emotion으로 할지도....갈대같은 내마음)