NextJS에서 React 컴포넌트 스타일링하기 (NextJS React 프로젝트 04)
이전 글에서 NextJS에서 React 컴포넌트를 추가하여 페이지로 확인하는 법을 살펴보았습니다. 이번 글에서는 React 컴포넌트 스타일링에 대해서 다룰 것인데요, 그저 css 스타일 속성 주는 것이 왜 주제가 될만한 내용인지 아마 이해하기 어려우실 수도 있습니다. 사실 맞습니다! js (혹은 ts) 파일 내부에서 스타일링을 할 수도 있으니까요. 그러나 NextJS에서 별도의 css(혹은 sass, scss) 파일로 컴포넌트 레벨 스타일링을 한다면, 이 부분을 알아두셔야 할 수도 있습니다. 왜냐하면, NextJS는 [name].module.css 형식의 CSSModule 방식을 지원하기 때문입니다. * 전역으로 스타일링을 하고 싶다면 해당 css파일을 pages/_app.tsx 에서 import 하면 ..
개발
2021. 5. 9. 18:30
