수식어 순서
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 16번째.
각 수정자는 호출된 뷰를 감싸고 새로운 뷰를 반환합니다. 따라서 순서가 중요합니다. 수정자는 앞선 수정자가 만든 모든 것에 적용됩니다.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()A의 경우 패딩이 먼저 추가되고 배경이 패딩된 영역을 덮으므로 주황색 영역이 큽니다. B의 경우 배경은 텍스트만 덮고 패딩은 그 바깥에 추가되어, 작은 주황색 영역 주위에 빈 공간이 생깁니다.
수정자의 연결을 위에서 아래로 읽으세요. 각 줄은 그 위의 줄들이 만든 뷰를 변경합니다.
챌린지
쉬움주황색 영역은 텍스트 크기만큼만 차지하고, 패딩은 그 바깥에 있습니다. 주황색 배경이 패딩도 덮도록 수정자의 순서를 바꾸세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: SwiftUI 플레이그라운드