2023.05.14) styled-components와 emotion

원래는 styled-components 를 사용해서 프로젝트를 해왔다.

근데 이번에 emotion을 알게 되었고, 이 둘을 비교하여 공부를 해봤다.

결론부터 말하자면? 별 다를게 없다!!

사용법도 크기도 확연한 차이를 드러내지 않는다.

그래서 뭘 써도 상관이 없을 듯 하다.

다만 타입스크립트 사용시 styled-components는

@types/styled-components

따로 설치 해주어야 한다는 차이점 정도??

속도나 크기에선 미미한 차이가 있거나 상황에 따라 달라지기에

굳이 이 둘을 따로 공부할 필요는 없는 것 같다.

//스타일드 컴포넌트
@styled-components
@types/styled-components

//이모션
@emotion/react
@emotion/styled