css-in-js

emotion은 css-in-js (JavaScript코드에서 CSS를 작성하는 방식) 라이브러리 중 하나로 다음의 특징이있다.자동적으로 vendor-prefix 를 붙여준다.기본적으로 고유한 이름을 생성한다.JavaScript와 CSS사이에 상수와 함수를 쉽게 공유할 수 있다.React 스타일 컴포넌트로 사용할 수 있는 것CSS 로드 우선 순위 이슈를 해결할 수 있다javascript runtime에서 필요한 CSS를 동적으로 만들어 적용한다. 패키지 설치 npm install --save @emotion/react// styled 방식 사용할시npm install --save @emotion/styled// 스타일을 압축하고 끌어 올려 스타일을 최적화하고 // 소스 맵과 레이블을 사용하여 더 나은 개..