CSS에서 가독성과 생산성을 높이기 위해 단축 속성이 매우 중요합니다.특히 Flexbox와 Grid에서는 특정 속성들을 한 줄로 축약해서 작성하는 경우가 많습니다.이번 시간에는 자주 사용되는 주요 단축 속성들을 상세하게 정리해보겠습니다! 🧠📦 1. Flexbox 단축 속성✅ flexflex: [flex-grow] [flex-shrink] [flex-basis]; 예시 의미 flex: 1;1 1 0%과 같음. 남는 공간 나눔flex: 0 0 auto;기본 크기 유지, 늘어나거나 줄어들지 않음flex: 1 1 30%;기본 30%, 필요 시 늘어나고 줄어듦 🔄 flex-flowflex-flow: [flex-direction] [flex-wrap]; 예시 의미 flex-flow: row wrap;가..
