팁 계산기

Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 48번째.

챌린지

중급

VStack에 팁 계산기를 만드세요:

자리 표시자가 Bill이고 식별자가 bill인 TextField를 만들고, String 상태 billText에 바인딩하세요
Tip이라는 제목의 세그먼트형 Picker(식별자 tip)를 만들고, 15에서 시작하는 Int 상태 tipPercent에 바인딩하세요. 옵션은 10%, 15%, 20%이며 각각 10, 15, 20으로 태그하세요
Tip: $7.50 텍스트(식별자 tipAmount)와 Total: $57.50 텍스트(식별자 total)를 만들고, 둘 다 소수점 이하 두 자리로 표시하세요

Double(billText) ?? 0을 사용하여 금액을 읽으세요. 빈 필드나 잘못된 필드는 0으로 처리됩니다.

직접 해보기

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

SwiftUI 입문의 모든 레슨

1소개

4수식어

7리스트

10프로젝트 - Coddy Coffee

2콘텐츠 표시하기

5상태와 버튼

8내비게이션

11최종 도전 과제

3스택 및 레이아웃

6사용자 입력

9데이터 공유

직접 연습해 보세요: Swift 플레이그라운드