Menu
Coddy logo textTech

리스트

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

List는 설정 앱의 스크롤 가능한 그룹화된 스타일로 행을 표시합니다. 컬렉션과 각 행에 대한 클로저를 받으며, ForEach와 같습니다:

List(books) { book in
    Text(book.title)
}

목록에는 고정된 행을 포함할 수도 있으며, Section은 헤더 아래에 행을 그룹화합니다:

List {
    Section("Reading") {
        Text("Dune")
    }
    Section("Finished") {
        ForEach(finished, id: \.self) { title in
            Text(title)
        }
    }
}

각 행에는 어떤 뷰든 포함할 수 있습니다. 아이콘, 텍스트 및 Spacer가 있는 HStack은 일반적인 행입니다.

challenge icon

챌린지

쉬움

플레이리스트를 List로 표시하세요. 곡마다 한 행을 만들고, 목록에 songs 식별자를 사용하세요. 각 행은 music.note 기호와 곡 이름이 포함된 HStack입니다.

직접 해보기

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

SwiftUI 입문의 모든 레슨

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