프로젝트 개요
Coddy Swift 여정의 SwiftUI 입문 섹션에 포함된 레슨. 50개 중 43번째.
이 프로젝트에서는 각 레슨마다 한 단계씩 작은 주문 앱인 Coddy Coffee를 만듭니다. 완성되면 다음과 같은 기능을 갖추게 됩니다:
- 가격이 표시된 음료 메뉴
- 각 음료를 위한 화면
- 사이즈 선택기
- 수량 스테퍼와 주문 총액
- 주문을 접수하는 버튼
각 단계는 이전 단계에서 작성한 코드에서 시작하므로, 작성한 모든 내용과 과제에서 제공하는 식별자를 그대로 유지하세요. 음료는 struct입니다:
struct Drink: Identifiable {
let id = UUID()
let name: String
let price: Double
}이 단계에서는 메뉴를 만듭니다. List가 포함된 NavigationStack으로 음료마다 한 행씩 표시하며, 왼쪽에는 이름을 오른쪽에는 가격을 배치합니다.
챌린지
쉬움메뉴 화면을 만드세요. NavigationStack 안에 Coddy Coffee라는 제목의 drinks List를 표시하세요. 각 행은 음료 이름, Spacer, 소수점 이하 두 자리로 표시된 가격(예: $2.50)이 있는 HStack입니다.
직접 해보기
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
SwiftUI 입문의 모든 레슨
직접 연습해 보세요: Swift 플레이그라운드