styled-components란?

🎯 styled-components란? 자바스크립트 파일 안에 스타일을 정의하고, React 컴포넌트처럼 활용할 수 있다. 자바스크립트 코드와 긴밀히 연계하여 다양한 코드를 작성할 수 있다. (변수 생성, 반복문, 조건문, 함수, 모듈) 별도의 CSS 파일을 만들지 않고 하나의 파일 안에 스타일을 관리하고 싶을 때 유리하다. 스타일 코드와 컴포넌트 코드 간의 결합을 나누고 싶을 때 유리하다. tagged template literal이라는 문법을 활용할 수 있다. CSS 코드에 post-css, minification, Sass 적용할 수 있다. CSS 코드를 겹치지 않게 처리해준다. 클래스 이름 자체가 hash다. ⇒ 겹치지 않는다. 해당 컴포넌트에만 스타일 적용된다. 📝 styled-component..