React & Next
tailwind.config.ts와 globals.css에 정의한 스타일 우선순위
2024년들어 처음 쓰는 블로그 ㅎ간만에 프로젝트 세팅부터 하는중인데 다까먹어서 되는게 없군요.. 열심히 다 찾아가면서 틈틈히 기록으로 남겨보는것으루.. 먼저 각 파일에서 스타일을 정의하는 방법을 알아보자. 1. tailwind.config.ts에서의 스타일 정의tailwind.config.ts 파일은 Tailwind CSS의 기본 설정과 테마를 확장하거나 수정하는 데 사용된다. 여기서는 Tailwind의 기본 색상, 폰트, 간격, 크기 등의 전역적인 디자인 시스템을 정의할 수 있다.주요 목적: Tailwind의 기본 유틸리티 클래스를 확장하거나 덮어쓰기.예시: 색상, 폰트 크기, 간격 등을 전역적으로 수정하고 싶을 때 사용./** @type {import('tailwindcss').Config} */..