[짧포] tailwind 쉽게 수치로 작성하기

안녕하세요!
오늘도 짧포 시간입니다

오늘은 처음에 헷갈릴 수 있는 tailwind로 css 효과를 넣어줄 때 쉽게 수치로 넣을 수 있는 방법에 대해 알아보도록 하겠습니다

그럼 같이 가보시죠!

tailwind 공식문서에 들어간 뒤 내가 원하는 값을 넣고 싶을 때 이런 식으로 픽셀 단위가 아닌 사이즈로 나오는 모습을 보니 당황할 수 있습니다

하지만 방법은 있었습니다

보통 원하는 코드를 찾을 때 검색을 하고 가장 하단에 내리면 원하는 수치로도 css 효과를 줄 수 있도록 보여주는 창이 나오게 됩니다

위 사진 처럼 보통 수치를 넣을 때에는

내가 원하는 효과-[수치]

이런 식으로 tailwind가 이뤄지는 것 같습니다

그래서

text-[#fff] rounded-[8px] mt-[20px]

이런 식으로 코드가 들어가게 됩니다

그래서!!

여러분들이 원하는 효과를 검색하시고 꼭 가장 하단을 내려보는 습관을 드려보시는게 좋을 것 같습니다!!