반응형 style jsx1 Next.js 고유의 CSS : Styled jsx Styled jsx Styled jsx는 Next.js 고유의 CSS 사용법이다. .modue.css 보다 더 간단하다.(module.css도 사실 엄청 간단하다.) className을 무작위 알파벳으로 만들어주기 때문에, class 이름짓는 걱정을 하지 않아도 된다. => CSS 반영되는 범위가 현재 컴포넌트의 스코프에 한정된다. => 하위 컴포넌트로 CSS속성이 전달되는 것을 걱정하지 않아도 된다. 아래 코드의 리턴문을 보면 ); } nav태그의 배경색이 tomato 색으로 변경되었다. 부모요소의 css에도 영향을 받지 않는다. html 소스코드를 보면 class가 무작위 알파벳들로 만들어져 있다. 때문에 개발자는 중복걱정을 하지 않아도 된다. 한번 부모요소에서도 styled jsx 태그를 이용하여 .. 2022. 1. 29. 이전 1 다음 반응형