반응형
테일윈드 CSS를 잠깐 사용해봤는데 뭔가 새롭다.(새롭다기보단 기존의 상식을 철저히 부정한 느낌?) 컴포넌트들을 밑바닥부터 만들어야 한다면 직접 css 파일을 만드는 것보다 이런 유틸리티 css 라이브러리는 쓰는 게 좋을 거 같다. 클래스로 스타일을 지정하다 보니 클래스가 길어지고 중복이 많아지지만, 어차피 컴포넌트를 쪼개가면서 개발한다면 중복 문제도 해결될 테고..
암튼 유틸리티 css라 클래스 종류가 방대한데 이걸 한눈에 정리한 사이트가 있어서 소개한다.
https://nerdcave.com/tailwind-cheat-sheet
Tailwind CSS Cheat Sheet
nerdcave.com
https://umeshmk.github.io/Tailwindcss-cheatsheet/
Tailwind CSS - Cheatsheet
umeshmk.github.io
갠적으론 첫 번째 사이트가 편한 듯
반응형
'프로그래밍 > 웹' 카테고리의 다른 글
| [JavaScript] DOMContentLoaded 이벤트가 작동하지 않을 때 (0) | 2023.06.18 |
|---|---|
| [JavaScript] query string를 object로 변환하기 (0) | 2023.04.23 |
| [JavaScript] Debounce, Throttle 함수 (0) | 2023.03.18 |
| [JavaScript] window.open()으로 연 창에서 onload 이벤트가 실행되지 않을 때 (2) | 2022.11.16 |
| [CSS] 간단한 중앙 정렬 (0) | 2022.07.09 |
| [Node.js] 로컬 패키지 사용하기(+alias) (0) | 2022.06.13 |
| [Node.js] yarn upgrade를 해도 package.json가 그대로 일 때 (0) | 2022.03.19 |
| 토큰은 어디에 저장해야 하는가? (0) | 2022.02.14 |