본문 바로가기

CssModule

[리액트에서 Next로] Next.js 기초 : 글로벌 스타일, CSS 모듈과 TailwindCSS
[Dev] 🎯Self Study 2024. 1. 10. [리액트에서 Next로] Next.js 기초 : 글로벌 스타일, CSS 모듈과 TailwindCSS Global Styles Next.js에서 Global Styles는 웹 애플리케이션 전체에서 공통으로 사용되는 스타일 웹사이트 전체의 폰트, 배 경색, 기본 마진 및 패딩과 같은 스타일을 설정할 때 Global Styles 를 사용 globals.css globals.css는 폴더 내에 위치한 전역 스타일시트로, 전체 애플리케이션에 적용되는 스타일을 정의하는 데 사용 next.js를 설치할 때 자동으로 global.css 설치가 된다. Tailwind 1. @tailwind base; : ex) box-sizing, margin, padding Tailwind의 기본 스타일(HTML 요소 리셋 등) 2. @tailwind components; : ex) @apply 사용자 정의 또는 플러그인의 컴포넌트..

티스토리툴바