가이드 검색
‘반응형’ 검색 결과 3개
전체 가이드 →
6분 읽기
🎨디자인·CSS
CSS Flexbox vs Grid, 언제 뭘 쓸까? 상황별 선택 기준 비교
Flexbox는 1차원, Grid는 2차원 레이아웃 도구다. 네비바·카드목록·페이지골격 등 상황별로 뭘 써야 하는지 비교표와 중첩 패턴으로 정리했다.
#CSS#Flexbox#Grid
6분 읽기
🎨디자인·CSS
CSS 단위 px·rem·em·%·vw 차이와 선택 기준 — 2026 반응형 가이드
px·rem·em·%·vw/vh가 각각 무엇을 기준으로 계산되는지 비교표로 정리하고, 1rem=16px 같은 환산 예시와 상황별 추천 단위까지 한 번에 안내합니다.
#CSS 단위#px rem 차이#em rem 차이
3분 읽기
🎨디자인·CSS
이미지 압축·포맷 변환 - WebP·AVIF 도입과 SEO 효과
웹 이미지는 페이지 속도와 SEO에 큰 영향을 줘요. WebP·AVIF 포맷의 장단점과 변환 도구를 정리했습니다.
#WebP#AVIF#이미지압축
총 3개 글