style jsx
-
[2019.08.23] 오늘의 TIL - [Next.js] global Style의 이해개발 블로깅/오늘의 TIL 2019. 8. 23. 01:10
next.js에서 여러 페이지 및 컴포넌트에 global 방식으로 스타일을 적용할 수 있다. 아래 예시를 봐보자. components/nav.js import React from 'react' const Nav = () => ( 첫번째 컴포넌트 입니다. ) export default Nav; a 태그 하나가 들어있는 간단한 컴포넌트이다. pages/index.js import React from 'react' import Nav from '../components/nav' const Home = () => ( index 페에지 입니다. ) export default Home; index.js 페이지에서도 a 태그를 가지고 있다. 그리고 바로 a태그 바로 밑에 nav 컴포넌트를 가져와서 사용하였다. nav..