# 위치 및 정렬

## **`Row` 및 `Column` 위젯**

<figure><img src="/files/SHD4Oq5djKgJDiD6YwXj" alt=""><figcaption></figcaption></figure>

`Row`와 `Column`은 자식 위젯을 가로 또는 세로로 배열하기 위해 사용됩니다. 각각은 자식 위젯의 위치 및 정렬을 다루는 매개변수를 가집니다.

```dart
Row(
  mainAxisAlignment: MainAxisAlignment.center, // 수평 정렬
  crossAxisAlignment: CrossAxisAlignment.center, // 수직 정렬
  mainAxisSize: MainAxisSize.min, // 주 축 방향의 크기 조절
  children: [
    FlutterLogo(size: 50.0),
    FlutterLogo(size: 100.0),
    FlutterLogo(size: 50.0),
  ],
)
```

위의 코드에서는 `Row` 위젯을 사용하여 `FlutterLogo` 위젯을 가로로 배열하고 있습니다. 다음은 주요 위치 및 정렬 옵션에 대한 설명입니다.

* `mainAxisAlignment`: 주 축 (가로 또는 세로)의 정렬 방법을 지정합니다. `MainAxisAlignment` 열거형을 사용하여 다양한 정렬 옵션을 선택할 수 있습니다. 예를 들어 `MainAxisAlignment.center`는 중앙 정렬을 의미합니다.
* `crossAxisAlignment`: 주 축과 직각인 방향 (가로 또는 세로)의 정렬 방법을 지정합니다. `CrossAxisAlignment` 열거형을 사용하여 다양한 정렬 옵션을 선택할 수 있습니다. 예를 들어 `CrossAxisAlignment.start`는 시작 부분 정렬을 의미합니다.
* `mainAxisSize`: 주 축 방향으로 위젯의 크기를 어떻게 조절할지 지정합니다. `MainAxisSize.min`은 자식 위젯들의 최소 크기로 설정하고 `MainAxisSize.max`는 최대 가능한 크기로 설정합니다.

위치 및 정렬을 변경하려면 위젯의 상태를 업데이트하고 `setState`를 호출하여 화면을 다시 빌드합니다.

이것은 간단한 예제이며 Flutter에서 제공하는 위치 및 정렬 위젯은 더 다양하고 복잡한 레이아웃을 구현하는 데 사용됩니다. 위치 및 정렬을 조절하여 사용자 인터페이스를 원하는 대로 구성할 수 있습니다.


---

# 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://developer.aliothx.net/start/uiux/ui-ux/axis-alignment.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.