Flutter에서 UI를 구성하는데 사용되는 스택드(Stacked) 위젯과 컬럼(Column) 위젯은 다른 목적을 가지고 있으며 다른 방식으로 동작합니다. 이번 글에서는 두 위젯의 차이점에 대해 알아보겠습니다.

스택드(Stacked) 위젯

스택드(Stacked) 위젯은 위젯을 겹쳐서 표시하는데 사용됩니다. 이는 UI에 여러 개의 위젯을 겹쳐서 배치하고 싶을 때 유용합니다. 각 위젯은 스택의 순서에 따라 겹쳐서 표시됩니다.

예제 코드:

Stack(
  children: <Widget>[
    Container(
      color: Colors.blue,
      width: 100,
      height: 100,
    ),
    Container(
      color: Colors.red,
      width: 80,
      height: 80,
    ),
  ],
)

컬럼(Column) 위젯

컬럼(Column) 위젯은 세로 방향으로 위젯을 배치하는데 사용됩니다. 주로 세로로 스크롤되는 리스트나 폼과 같이 세로 방향으로 표시해야 하는 내용을 구성할 때 사용됩니다.

예제 코드:

Column(
  children: <Widget>[
    Text('첫 번째 텍스트'),
    Text('두 번째 텍스트'),
  ],
)

결론

이렇게, 스택드(Stacked) 위젯은 위젯을 겹쳐서 표시하고, 컬럼(Column) 위젯은 세로 방향으로 위젯을 배치하는 데 사용됩니다. 따라서 원하는 UI 구상에 따라 각 위젯을 적절히 선택하여 사용해야 합니다.