배경
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 15번째.
.background는 뷰 뒤에 색상을 그립니다. 뷰의 영역을 덮으므로 패딩을 적용하면 색상이 지정된 영역이 텍스트보다 커집니다:
Text("New")
.padding()
.background(.red)
.foregroundStyle(.white)색이 있는 영역의 모서리를 둥글게 만들려면 .clipShape를 사용하여 도형으로 잘라내세요. RoundedRectangle(cornerRadius: 8)은 둥근 모서리를 만들고, Capsule()은 끝부분을 완전히 둥글게 만듭니다:
Text("Tag")
.padding(8)
.background(.blue)
.clipShape(RoundedRectangle(cornerRadius: 8))
챌린지
쉬움텍스트를 배지로 바꾸세요: 기본 패딩을 추가하고, 빨간색 배경과 흰색 글자를 적용하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드