Grid 라인 기반 배치와 영역 지정 구조

그리드 아이템은 셀 번호가 아니라 라인 번호와 영역 이름을 기준으로 위치를 차지한다.

배치 방식	의미	좋은 사용처	주의점
Line number	시작 라인과 끝 라인으로 범위 지정	특정 아이템을 몇 칸 차지하게 할 때	라인 번호가 트랙보다 하나 많음
Span	현재 위치에서 몇 칸 차지할지 지정	카드 폭을 유동적으로 넓힘	자동 배치와 충돌 가능
Named line	라인에 의미 있는 이름 부여	복잡한 레이아웃 문서화	이름이 너무 길거나 중복
Area	header/main/sidebar처럼 영역 지정	페이지 구조를 코드로 읽게 함	시각 구조와 이름 불일치
Auto placement	빈 셀에 순서대로 배치	카드 목록과 갤러리	DOM 순서와 시각 순서 차이

Grid 배치의 핵심은 아이템 좌표를 직접 맞추는 것이 아니라 라인과 영역이라는 기준선을 세우는 것이다.