![]()
1. 설치 npm install -D tailwindcss 2. tailwind.config.js 파일 생성 npx tailwindcss init 3. tailwind.config.js tailwind.config.js 파일을 다음과 같이 설정해주었다. /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./src/**/*.{html,htm,js,jsx,ts,tsx}"], theme: { extend: {}, }, plugins: [], } 4. css 파일 생성 @tailwind base; @tailwind components; @tailwind utilities; 5. import 만약 리액트에서 사용한다면 4번에서 만든..
📌 CSS (Cascading Style Sheets) 웹페이지를 꾸미려고 작성하는 코드 아래 코드에 body를 선택자(Selector)라고 부르고 background-color, color를 속성(Property), 뒤에 값 white, black을 속성 값(Property Value)라고 부른다. 선택자는 태그명을 써줄 수도 있고 id, class명을 써줄 수도 있다. id는 선택자 앞에 #을 붙여야하고 class는 .(점)을 붙여야한다. Home Header Title body { background-color: white; color: black; } a { color: inherit; text-decoration: none; } #header { ... } .title { ... } 📌 SCSS..
