석이의 개발일지

:empty empty modifier를 사용하여 콘텐츠가 없는 경우 스타일을 지정한다. 콘텐츠가 없는 경우 => 빈 텍스트, undefined, null등과 같이 값이 없는 경우에 해당한다. empty:hidden은 display: none과 같다. {[1, 2, ""].map((number) => ( {number} ))} https://tailwindcss.com/docs/hover-focus-and-other-states#empty Handling Hover, Focus, and Other States - Tailwind CSS Using utilities to style elements..

Ring Width 상자 그림자가 있는 윤곽선을 만들기 위한 유틸리티이다. ring-(width) 유틸리티를 사용하여 특정 두께의 solid box-shadow를 요소에 적용한다. 링은 기본적으로 반투명한 파란색으로 많은 시스템의 기본 포커스 링 스타일과 유사하다. Ring Color 외곽선 링의 색상을 설정하는 유틸리티이다. ring-(color) 유틸리티를 사용하여 외곽선 링의 색상을 설정한다.

Tailwind Setup 은 참조 : https://luckseok.tistory.com/entry/1-Setup #1 Setup Next.js + TypeScript Setup yarn create next-app --typescript What is your projct named? "파일명" Would you like to use ESLint with this project? Yes Would you like to use 'src/' directory with this project? No Would you like to use experimental 'app/' d luckseok.tistory.com Tailwind CSS 마크업에서 직접 모든 디자인을 구축하도록 구성할 수 있는 flex, p..