버튼
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 19번째.
Button은 레이블을 표시하고 탭하면 작업을 실행합니다. 가장 간단한 형식은 제목과 클로저를 사용합니다:
Button("Sign in") {
// 버튼이 탭될 때 실행됩니다
}사용자 지정 레이블을 만들려면, 먼저 동작을 전달하고 두 번째 클로저에서 레이블을 작성하세요:
Button {
// 액션
} label: {
Label("Add to cart", systemImage: "cart")
}.buttonStyle(.borderedProminent)는 채워진 버튼을 만들고, role: .destructive는 무언가를 삭제하는 동작임을 나타내며, 버튼이 빨간색으로 표시됩니다:
Button("Delete", role: .destructive) {
// 삭제
}
챌린지
초급텍스트를 Order coffee라는 제목의 Button으로 바꾸세요. 해당 동작은 지금은 비워 두어도 됩니다. .borderedProminent 버튼 스타일을 적용하세요.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드