인프런1 emotion과 styled-component로 입력양식 만들기 CSS-IN-JS와의 첫 만남 emotion은 자바스크립트로 css 스타일을 작성하기 위해 설계된 라이브러리다. 소스 맵, 레이블 및 테스트 유틸리티와 같은 기능을 통해 훌륭한 개발자 경험뿐만 아니라 강력하고 예측 가능한 스타일 구성을 제공한다. 문자열 및 객체 스타일 모두 지원된다. 이번에 CSS를 편하게 사용하게 해주는 emotion과 styled-component를 설치했다. 이를 이용하면 CSS 파일을 만들지 않고 자바스크립트 파일로 CSS를 적용할 수 있다. 코드도 export 구문으로 시작하여 변수를 만들어 스타일을 백틱기호 내에 입력하는 방식으로 사용한다. 위 코드는 emotion을 통해 styled-component를 사용하는 예시이다. 저렇게 해서 컴포넌트 파일에서 import 구문으로 .. 2023. 8. 9. 이전 1 다음
