부록 A · 매일 쓰는 부품

import SwiftUI

struct Thumbnail: View {
    let name: String            // Asset Catalog 이미지 이름

    var body: some View {
        Image(name)
            .resizable()                    // ① 이미지가 제안 크기를 받아들이게
            .scaledToFill()                 // ② 비율 유지, 빈틈 없이 채우기
            .frame(width: 80, height: 80)   // ③ 칸 크기 고정
            .clipped()                      // ④ 넘친 부분 잘라내기
            .clipShape(.rect(cornerRadius: 8))
    }
}

import SwiftUI

struct SymbolDemo: View {
    @State private var likes = 0
    @State private var isSyncing = true
    @State private var isMuted = false

    var body: some View {
        VStack(spacing: 24) {
            Image(systemName: "cloud.sun.rain.fill")
                .symbolRenderingMode(.multicolor)      // 심볼 고유 색
                .font(.system(size: 44))               // 크기는 폰트로

            Button { likes += 1 } label: {
                Image(systemName: "heart.fill")
                    .symbolEffect(.bounce, value: likes)   // 값이 바뀔 때마다 한 번
            }

            Image(systemName: "wifi")
                .symbolEffect(.variableColor.iterative, isActive: isSyncing)

            Button { isMuted.toggle() } label: {
                Image(systemName: isMuted ? "speaker.slash.fill" : "speaker.wave.2.fill")
                    .contentTransition(.symbolEffect(.replace))   // 심볼 교체 애니메이션
            }
        }
        .font(.title)
    }
}

import SwiftUI

struct Avatar: View {
    let url: URL?

    var body: some View {
        AsyncImage(url: url) { image in
            image
                .resizable()          // 여기서는 Image라서 가능
                .scaledToFill()
        } placeholder: {
            ProgressView()
        }
        .frame(width: 44, height: 44)
        .clipShape(.circle)
    }
}

import SwiftUI

struct Product: Identifiable {
    let id: Int
    var name: String
    var imageURL: URL?
}

struct ProductRow: View {
    let product: Product

    var body: some View {
        HStack(spacing: 12) {
            AsyncImage(url: product.imageURL,
                       transaction: Transaction(animation: .easeIn)) { phase in
                switch phase {
                case .empty:
                    ProgressView()
                case .success(let image):
                    image.resizable().scaledToFill()
                case .failure:
                    Image(systemName: "photo")
                        .foregroundStyle(.secondary)
                @unknown default:            // Swift 6 모드에서는 없으면 컴파일 에러
                    EmptyView()
                }
            }
            .frame(width: 60, height: 60)     // 세 phase 모두 같은 칸
            .clipShape(.rect(cornerRadius: 8))

            Text(product.name)
        }
    }
}

struct ProductList: View {
    let products: [Product]
    var body: some View {
        List(products) { ProductRow(product: $0) }   // 안정적인 id (Day 4)
    }
}

import SwiftUI

struct InboxView: View {
    @State private var filterUnread = false

    var body: some View {
        NavigationStack {
            List(1..<20, id: \.self) { Text("메일 \($0)") }
                .navigationTitle("받은편지함")
                .toolbar {
                    ToolbarItem(placement: .topBarLeading) {
                        Button("편집") { }
                    }
                    ToolbarItem(placement: .principal) {          // titleView 자리
                        Toggle("안 읽음만", isOn: $filterUnread)
                            .toggleStyle(.button)
                    }
                    ToolbarItem(placement: .topBarTrailing) {
                        Button("작성", systemImage: "square.and.pencil") { }
                    }
                    ToolbarItemGroup(placement: .bottomBar) {      // UIToolbar 자리
                        Button("보관", systemImage: "archivebox") { }
                        Spacer()
                        Text("20개").font(.caption)
                    }
                }
        }
    }
}

import SwiftUI

enum SortOrder: String, CaseIterable, Identifiable {
    case newest = "최신순", name = "이름순"
    var id: Self { self }
}

struct NotesView: View {
    @State private var sort: SortOrder = .newest

    var body: some View {
        NavigationStack {
            Text("정렬: \(sort.rawValue)")
                .toolbar {
                    Menu {
                        Picker("정렬", selection: $sort) {
                            ForEach(SortOrder.allCases) { Text($0.rawValue).tag($0) }
                        }
                        Section {
                            Button("모두 삭제", systemImage: "trash", role: .destructive) { }
                        }
                    } label: {
                        Label("새 메모", systemImage: "plus")
                    } primaryAction: {
                        print("탭: 새 메모")      // 길게 누르면 메뉴가 뜬다
                    }
                }
        }
    }
}

import SwiftUI

struct PhotoCell: View {
    let name: String
    let onDelete: () -> Void

    var body: some View {
        Text(name)
            .padding()
            .contextMenu {
                Button("즐겨찾기", systemImage: "heart") { }
                Button("삭제", systemImage: "trash", role: .destructive, action: onDelete)
            } preview: {
                Image(systemName: "photo")         // 떠오를 미리보기
                    .font(.system(size: 120))
                    .padding()
            }
    }
}

import SwiftUI

struct Photo: Transferable {
    var image: Image
    var caption: String

    static var transferRepresentation: some TransferRepresentation {
        ProxyRepresentation(exporting: \.image)   // 공유할 땐 Image로 변환
    }
}

struct ShareDemo: View {
    let photo = Photo(image: Image(systemName: "sun.max"), caption: "맑음")

    var body: some View {
        VStack(spacing: 20) {
            ShareLink(item: URL(string: "https://developer.apple.com/swiftui/")!)   // 기본 공유 아이콘 버튼

            ShareLink(item: photo,
                      preview: SharePreview(photo.caption, image: photo.image)) {
                Label("사진 공유", systemImage: "square.and.arrow.up")
            }
        }
    }
}

import SwiftUI

struct CartView: View {
    @State private var saveCount = 0
    @State private var quantity = 1

    var body: some View {
        VStack(spacing: 20) {
            Button("저장") { saveCount += 1 }                 // 누를 때마다 값이 바뀐다
                .sensoryFeedback(.success, trigger: saveCount)

            Stepper("수량 \(quantity)", value: $quantity, in: 1...10)
                .sensoryFeedback(.impact(weight: .light), trigger: quantity)
                .sensoryFeedback(.warning, trigger: quantity) { _, new in
                    new == 10                                  // 최대치에 닿을 때만
                }
        }
        .padding()
    }
}

import SwiftUI

struct Place: Identifiable {
    let id: Int
    var name: String
    var imageURL: URL?
    var isFavorite = false
}

struct PlacesView: View {
    @State private var places = [
        Place(id: 1, name: "성산일출봉", imageURL: URL(string: "https://example.com/1.jpg")),
        Place(id: 2, name: "남산타워", imageURL: nil)
    ]

    var body: some View {
        NavigationStack {
            List($places) { $place in
                HStack {
                    Rectangle().fill(.gray)      // TODO: 서버 이미지
                    Text(place.name)
                    Spacer()
                    Button("♥") { place.isFavorite.toggle() }
                }
            }
            .navigationTitle("가고 싶은 곳")
        }
    }
}

#Preview { PlacesView() }