목록styled-jsx (1)
너와 나의 프로그래밍

Next.js의 기본적으로 내장되어 있는 styled-jsx는 따로 노드 모듈을 설치할 필요없이 바로 사용할 수 있다. 제일 많이 사용하고 있는 styled-component와 공통점이 굉장히 많아 둘 다 사용하는데 큰 어려움이 없다. 다만 styled-jsx을 사용할 때의 render 방식과 styled-component의 Nesting 기능은 지원히지 않는다는 단점이 있다. import css from "styled-jsx/css"; // 스타일을 적용할 객체 생성 const style = css` .container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .first-div ..
Front-End/Next.js & React.js
2021. 5. 1. 23:55