250x250
Notice
Recent Posts
Recent Comments
- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- clipBehavior
- AWS
- findByIdAndDelete
- Node.js
- async
- TypeScript
- RDS
- moment
- Find
- EC2
- css
- atlas
- await
- flutter
- mongoose
- JavaScript
- sequelize
- Express
- nginx
- double quote
- wil
- Nodejs
- jsonwebtoken
- single quote
- til
- https
- mongodb
- TailwindCSS
- MYSQL
- certbot
Link
Archives
반응형
목록2024/03/09 (1)
기억 휘발 방지소
[CSS] TailwindCSS
1. 설치npm install -D tailwindcss 2. tailwind.config.js 파일 생성npx tailwindcss init 3. tailwind.config.jstailwind.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번에서 만든 CS..
Web/CSS
2024. 3. 9. 14:19
반응형