CSS-IN-JS 는 CSS를 JS상수에 저장해서 사용하는 방법입니다.
오른쪽은 동일한 CSS를 Title이란 상수에 저장한 것입니다.
이렇게 저장한 상수는 마치 HTML 태그처럼 사용할 수 있습니다.
즉, 1.태그에 의미를 부여할 수 있어서, 태그만 봐도 결과물이 예상이 갑니다.
또한, className을 입력하지 않아도 되기 때문에, 2.코드 길이가 짧아져 읽기 쉬운 코드가 됩니다.
FrontEnd Developer
CSS-IN-JS 는 CSS를 JS상수에 저장해서 사용하는 방법입니다.
오른쪽은 동일한 CSS를 Title이란 상수에 저장한 것입니다.
이렇게 저장한 상수는 마치 HTML 태그처럼 사용할 수 있습니다.
즉, 1.태그에 의미를 부여할 수 있어서, 태그만 봐도 결과물이 예상이 갑니다.
또한, className을 입력하지 않아도 되기 때문에, 2.코드 길이가 짧아져 읽기 쉬운 코드가 됩니다.