CSS-in-JS는 단어 그대로 자바스크립트 코드에서 CSS를 작성하는 방식이다. CSS -> SASS(SCSS) -> BEM -> CSS-Module -> CSS-in-JS CSS를 더 편하고 효율적으로 사용할 수 있게 발전해왔다. CSS 변수명, CSS 중첩, CSS 파일 관리 등 불필요한 문제들을 해결해주고 컴포넌트 기반 개발, 컴포넌트 재활용 하여 빠르게 개발할 수 있도록 도와준다. CSS-in-JS 기능의 대표적인 라이브러리는 styled-components 와 emotion이 있다. emotion 라이브러리 yarn add @emotion/react yarn add @emotion/styled yarn add @emotion/react @emotion/styled 두개의 의존성을 추가해주면 ..
