LazyVGrid 및 LazyHGrid

`LazyVGrid`와 `LazyHGrid`는 `GridItem`을 사용해 열이나 행을 사용자 지정할 수 있는 격자 레이아웃을 제공합니다. 갤러리, 카탈로그, 카드 레이아웃에 적합합니다.

• `.fixed(size)` — 고정된 픽셀 크기 • `.flexible(min:max:)` — 사용 가능한 공간을 채웁니다 • `.adaptive(minimum:maximum:)` — 들어갈 수 있는 만큼 열을 배치합니다

```swift let columns = [GridItem(.adaptive(minimum: 100))] LazyVGrid(columns: columns, spacing: 16) { ForEach(items) { item in ItemCard(item: item) } } ```

```swift let cols = Array(repeating: GridItem(.fixed(120)), count: 3) LazyVGrid(columns: cols) { ForEach(0..<12) { i in Color.blue.frame(height:80) } } ```

```swift let cols = [GridItem(.flexible(minimum:80)), GridItem(.fixed(100))] ``` 핀터레스트 스타일의 레이아웃에는 여러 유형을 조합합니다.

```swift let rows = [GridItem(.fixed(60)), GridItem(.fixed(60))] ScrollView(.horizontal) { LazyHGrid(rows: rows, spacing: 8) { ForEach(tags) { tag in TagView(tag: tag) } } } ```

```swift LazyVGrid(columns: columns, alignment: .leading, spacing: 12) { ... } ```

```swift LazyVGrid(columns: columns, pinnedViews: .sectionHeaders) { Section(header: Text("Section 1").font(.headline)) { ForEach(items1) { ItemView($0) } } } ```

• `.adaptive` — 사진 그리드와 동적 콘텐츠에 가장 적합합니다 • `.fixed` — 정확한 제어가 필요할 때 사용합니다 • `.flexible` — CSS flexbox 열처럼 공간을 균등하게 채웁니다

`Lazy` 접두사는 화면에 보이는 셀만 렌더링한다는 의미이며, 긴 목록에서 매우 중요합니다. 지연 로딩을 사용하지 않으면 모든 항목이 처음에 생성됩니다.

핵심 내용: • 그리드 레이아웃에는 `LazyVGrid(columns:)` / `LazyHGrid(rows:)`를 사용합니다 • `GridItem(.fixed)`, `.flexible()`, `.adaptive(minimum:)` • 고정 헤더에는 `pinnedViews: .sectionHeaders`를 사용합니다 • 지연 로딩 = 화면에 보이는 셀만 렌더링합니다 • 반응형 그리드에는 `.adaptive`가 가장 간단합니다 다음 주제: Spacer, 패딩, 프레임입니다.