Styled-components
- 자바스크립트 파일 안에 스타일을 정의하고, React 컴포넌트처럼 활용.
- 자바스크립트 코드와 긴밀히 연계하여 다양한 코드를 작성할 수 있음.
- 별도의 CSS 파일을 만들지 않고 하나의 파일 안에 스타일을 관리하고 싶을때 유리.
- 스타일 코드와 컴포넌트 코드 간의 결합을 나누고 싶을때 유리.
- tagged template literal이라는 문법을 활용.
- CSS 코드에 post-css, minification, Sass 적용.
- CSS 코드를 겹치지 않게 처리.
- 클래스 이름 자체가 hash.
출처 : 엘리스 아카데미
안녕하세요! 만나서 반갑습니다.