Style JSX

style JSX는 Nest.JS에서의 고유한 방법 

 

<style jsx>{`
            nav {
              background-color: tomato;
            }
            a {
              text-decoration: none;
            }
            .active {
              color: yellow;
              backgrount-color: ${props.color}
              //props로 전달받는것도 가능(문자열이기때문에)
            }
         `}
</style>

컴포넌트 내부에서만 작동해서 이또한 다른 컴포넌트와 충동 날 가능성이 없다.