플러터(Flutter)에서 Column 위젯은 수직 방향으로 여러 위젯을 배치하는 데 사용됩니다. 이를 통해 화면을 세로 방향으로 세분화하여 UI를 구성할 수 있습니다.

Column Widget 기본 구조

Column은 세로 방향의 레이아웃을 만드는 데 사용됩니다. Column은 자식 위젯(children)을 수직으로 배치하며, 각 자식 위젯은 해당 Column의 크기에 맞게 확장 또는 축소됩니다.

Column(
  children: <Widget>[
    // 자식 위젯들을 나열합니다
    // ...
  ],
)

Column Widget 예제

아래는 Column 위젯을 사용한 간단한 예제입니다.

Column(
  children: <Widget>[
    Container(
      color: Colors.blue,
      height: 100,
      width: 100,
    ),
    Container(
      color: Colors.green,
      height: 100,
      width: 100,
    ),
    Container(
      color: Colors.yellow,
      height: 100,
      width: 100,
    ),
  ],
)

Column Widget 속성

Column은 다양한 속성(property)을 제공하여 레이아웃을 조정할 수 있습니다. 몇 가지 일반적인 속성은 다음과 같습니다.

• mainAxisAlignment: 자식들을 세로(main) 방향으로 정렬합니다.
• crossAxisAlignment: 자식들을 가로(cross) 방향으로 정렬합니다.
• mainAxisSize: Column의 세로(main) 방향 크기를 조정합니다.

Column 위젯을 사용하면 간단하게 수직 레이아웃을 구성할 수 있으며, 유연한 UI 디자인을 가능하게 합니다.

더 많은 정보는 공식 Flutter 문서에서 확인할 수 있습니다.