1. CSS Grid CSS Grid는 2차원 레이아웃을 지원하는 강력한 CSS 모듈이다. 이를 통해 우리는 HTML 요소를 행(row)과 열(column) 모두에서 자유롭게 배치할 수 있다. Flexbox가 단방향 레이아웃에 최적화되어 있다면, Grid는 복잡한 2차원 레이아웃을 쉽게 다룰 수 있도록 설계되었다. 쉽게 말해서 엑셀 시트!가로(열, column)와 세로(행, row)로 나누고, 그 안에 있는 칸마다 요소를 배치할 수 있는 것이다. 1. 그리드의 기본 규칙 1. 그리드 컨테이너: 그리드를 적용할 큰 틀을 만든다. • display: grid;를 사용해 활성화. 2. 그리드 아이템: 그 안에 들어갈 요소들을 배치한다. • 그리드 컨테이너 안의 모든 자식 요소가 그리드 아이템이 된다. 2. 그..
