Surface와 Box는 UI 구성 요소를 정의하는데 사용되는 다른 유형의 컨테이너이다.
Surface
Material Design 시스템에 기반한 Compose의 컨테이너이다. Surface는 일반적으로 카드 또는 패널과 같은 요소를 나타내는데 사용된다. 그림자, 경계선, 배경색 등과 같은 시각적 효과를 자동으로 처리하며, 표면에 콘텐츠를 배치하는데 사용된다.
ex) 카드 또는 팝업창을 만들 때, Surface를 사용할 수 있다.
Box
단순한 컨테이너로, Compose의 레이아웃을 구성하는데 사용된다. Box는 자식 요소를 수직 또는 수평으로 정렬하고, 간격, 패딩 등의 스타일을 적용하는데 유용하다. Box를 사용하여 레이아웃을 생성할 때, 개발자가 직접 스타일 및 배치를 제어할 수 있다.
ex) 텍스트 및 버튼을 수평으로 정렬하고 간격을 지정하는데 Box를 사용할 수 있다.
요약하자면, Surface는 Material Design의 그림자와 시각적인 효과를 자동으로 처리하는 컨테이너로 사용되며, Box는 단순한 레이아웃 컨테이너로 개발자가 직접 스타일과 배치를 제어할 수 있다.
Android Developer