💻데브노트소개

#Flexbox

Flexbox에 관한 글 3편을 모았습니다.

🎨
프론트엔드· 6

CSS Flexbox vs Grid: 언제 무엇을 써야 할까

Flexbox와 Grid는 경쟁이 아니라 역할이 다릅니다. 1차원이면 Flex, 2차원이면 Grid라는 원칙과 실제 레이아웃 예제로 선택 기준을 명확히 정리합니다.

2026.07.07
🎨
프론트엔드· 5

CSS Flexbox vs Grid 차이와 선택 기준: 1차원 vs 2차원 레이아웃

Flexbox와 Grid는 언제 무엇을 써야 할까요? 1차원과 2차원이라는 핵심 차이부터 실전 코드, 선택 기준까지 한 번에 정리합니다. 더 이상 헷갈리지 마세요.

2026.06.24
🎨
프론트엔드· 6

CSS 가운데 정렬 완전 정복: flex·grid·margin auto

수평·수직 가운데 정렬을 상황별로 정리합니다. flex의 center 조합, grid의 place-items, margin auto, 텍스트 정렬까지 복붙 가능한 패턴 모음.

2026.06.06
ADVERTISEMENT

다른 태그 둘러보기

#LLM7#코딩테스트7#협업6#백엔드5#알고리즘5#프롬프트5#Git4#CSS3#Grid3#HTTP3#RAG3#레이아웃3#버전관리3#보안3#시간복잡도3#실무3#인프라3#임베딩3전체 태그 →