Studio 에디터: 스택 정보
2 분 분량
스택은 세로 또는 가로 순서로 요소를 "포괄"하는 플렉스박스 컨테이너입니다. 요소를 스택해 모든 화면 크기에서 멋지게 보이도록 하고 작은 화면에서 겹치는 부분 및 큰 화면에서의 여백을 방지하세요.
스택 방향 선택하기
스택에 요소를 배치할 때에는 가로 또는 세로 방향을 선택할 수 있습니다. 이는 요소를 세로 또는 가로 순서로 표시할지 여부에 따라 다릅니다.
어느 쪽이든, 언제든지 방향을 변경할 수 있습니다. 이렇게 하면 요소가 올바른 순서로 자동으로 재정렬됩니다.
![세로로 변경된 가로 스택의 예, 요소가 이제 세로 순서로 정렬됩니다.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/97d55a97-9873-4f3c-9934-e9fee921e967/10a23464-f3e2-45e9-8593-71678b65ad43.gif)
드래그-앤-드롭으로 간격 설정하기
드래그-앤-드롭 기능을 사용해 스택의 요소 사이 간격을 그 어느 때보다 쉽게 설정할 수 있습니다.
![스택 아이템 사이의 간격을 끌어 여백을 늘리는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/8066edcc-cce8-4125-b9bd-695fb324dcc2/bbeb2364-9f29-45db-a9f1-3e0400cc9009.gif)
여백을 음수로 정의해 요소를 의도적으로 겹치게 할 수도 있습니다.
![스택 여백을 반대 방향으로 끌어 이미지와 텍스트가 겹치게 만드는 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/60ddadc6-10b1-446a-9e48-edd4a8be85ff/511ff5f4-0583-4766-900c-d95563242801.gif)
필요에 맞게 스택 디자인하기
스택 컨테이너는 기본적으로 투명하지만, 필요에 따라 속성 패널에서 디자인할 수 있습니다. 스택을 돋보이게 만들기 위해 배경 색상, 테두리, 음영을 추가하세요.
![속성 패널과 디자인 옵션을 보여주는 캔버스에서 선택한 스택의 스크린샷](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/44515945-055e-4c5d-b4c1-c33c7fe8cc7f/0917549a-0198-4283-a7dc-57685eb493fd.png)
도움이 되었나요?
|