# 한 눈에 살펴보는 Grid 용어

## Grid

그리드 컨테이너(Container)는 행(Rows)과 열(Columns)을 가지며, 그리드 아이템(Items)을 배치할 수 있습니다.

![](/files/-LH5fZWVTqFDi6AV1QNB)

## Grid Line

그리드의 행/열을 그리는 선을 말하며, 각 선은 라인 넘버를 갖습니다. 그리드 아이템을 배치하는 기준으로 사용됩니다.

![](/files/-LH5fxvo4g7OuwZzrtOr)

## Grid Track

그리드 트랙은 그리드 라인 사이의 행 또는 열 공간을 말합니다.

![](/files/-LH5gamyhf0sbD-G4tEd)

## Grid Cell

그리드 셀은 4개의 그리드 라인이 묶여 그려지는 가장 작은 단위(유닛) 입니다.

![](/files/-LH5h-koK_m6l0qbJi4j)

## Grid Area

그리드 에어리어는 그리드 유닛이 묶인 영역으로 고유한 식별자를 가지며, 식별자를 통해 요소를 배치할 수 있습니다.

![](/files/-LH5hFMnic7JcLjnkbDu)

## Grid Gutters

그리드 거터는 행 또는 열 사이 간격(Gap)을 말합니다.

![](/files/-LH5hhSfagawJ5cHRM8P)

## 요약 <a href="#summary" id="summary"></a>

| **용어**       | **설명**                  | **비고**              |
| ------------ | ----------------------- | ------------------- |
| Grid         | 그리드 컨테이너 요소             | 자식요소를 그리드 아이템으로 설정  |
| Grid Line    | 그리드를 구성하는 수직/수평 선       | 라인 넘버를 토대로 아이템 배치   |
| Grid Track   | 그리드 라인 사이의 행 또는 열       |                     |
| Grid Cell    | 4개의 그리드 라인(사각형)으로 작은 단위 | '유닛'이라고도 불림         |
| Grid Area    | 그리드 셀이 묶인 영역            | 고유한 식별자를 토대로 아이템 배치 |
| Grid Gutters | 컬럼/로우 사이 간격             |                     |

{% embed url="<https://codepen.io/yamoo9/full/odgNQj>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://yamoo9.gitbook.io/css-grid/css-grid-term.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.