Sign in

tailwindcss

it dev tailwindcss

[tailwind CSS] 2. vscode 플러그인 추천

1. Tailwind CSS IntelliSense html 작성 시, 입력한 문자로 시작하는 클래스명들을 보여준다. 2. Tailwind CSS Explorer vscode에서 tailwind 클래스명들을 속성별로 검색 확인할 수 있다. 이와 비슷한 플러그인으로는 Tailwind Docs가 있는데, 이는 vscode에서의 바로 확인은 아니고, 검색한 클래스의 설명이 기입된 공식 사이트 페이지를 오픈한다. 3. Headwind 지정한 클래스를, 속성별로 재배열 시켜준다. 예로 다음과 같은 코드가 있다면 Mint-Coding 아래와 같이 재배열 시켜, 클래스 파악에 도움 준다. 팀워크가 아니어도, 추후 관리를 위해 강력 추천하는 플러그인이다. Mint-Coding
wono | discuss |
it dev nextjs tailwindcss

tailwind css 사용 설명서

프론트 앤드와는 담쌓고 디자인과는 거리가 먼 나에게 tailwind css 는 한줄기 빛 이었다. 세상에 복잡하게 설정 할 필요도 없이 그냥 class 에다가 쭉 적어 넣기만 하면 된다구? 하지만 그 편한 사용법에도 당연히 문법이 있었으니.. tailwind css 의 문법들을 간단히 소개해 보고자 한다. tailwind css 횸페이지는 https://tailwindcss.com/ 이다. Get started 를 누르면 기본적인 설치 방법들이 나오는데 따라하면 누구나 쉽게 설치 할 수 있다. 기본 사용법 예시 class의 "" 안에 있는 내용이 모두 tailwindcss 의 명령어다. 간단히 설명하자면 w-12 는 높이는 12로 설정 h-10 은 넓이는 10으로 설정 text-white 는 글자 색을 ..
wono | discuss |