Day 1 · 선언형으로 머리 바꾸기

import UIKit

final class CounterViewController: UIViewController {
    private var count = 0                        // 진실 ①: 데이터
    private let label = UILabel()                // 진실 ②: 화면에 보이는 값
    private let button = UIButton(type: .system)

    override func viewDidLoad() {
        super.viewDidLoad()
        label.text = "\(count)"                  // 최초 동기화
        button.setTitle("+1", for: .normal)
        button.addTarget(self, action: #selector(tap), for: .touchUpInside)

        let stack = UIStackView(arrangedSubviews: [label, button])
        stack.axis = .vertical
        stack.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(stack)                   // 계층에 직접 꽂는다
        NSLayoutConstraint.activate([
            stack.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            stack.centerYAnchor.constraint(equalTo: view.centerYAnchor),
        ])
    }

    @objc private func tap() {
        count += 1
        label.text = "\(count)"                  // ⚠️ 이 줄을 빠뜨리면 그게 버그다
    }
}

import SwiftUI

struct CounterView: View {
    @State private var count = 0                 // 진실은 하나뿐

    var body: some View {
        VStack {
            Text("\(count)")                     // count에서 파생된 결과
            Button("+1") { count += 1 }          // 상태만 바꾼다
        }
    }
}

struct PetListView: View {
    @State private var pets = ["Whiskers", "Roofus"]

    var body: some View {
        List {
            ForEach(pets, id: \.self) { Text($0) }      // 선언: "이 배열이면 이런 목록"
            Button("Add Pet") {
                pets.append("Bubbles")                  // 명령: 상태를 바꾼다 (행 추가 코드는 없다)
            }
        }
    }
}

struct TypePeek: View {
    var body: some View {
        VStack {
            Text("A")
            Text("B")
        }
    }
}

// 어딘가에서 (예: 버튼 액션)
// print(type(of: TypePeek().body))
// 출력: VStack<TupleView<(Text, Text)>>

struct BodyCallCounter: View {
    @State private var count = 0

    var body: some View {
        let _ = print("body 호출 — count=\(count)")   // ⚠️ 실험용. 커밋하지 말 것
        VStack {
            Text("\(count)")
            Button("+1") { count += 1 }
        }
    }
}

// ❌ body가 평가될 때마다 새 Task — 요청이 또 나간다
struct FeedViewWrong: View {
    @State private var items: [String] = []
    var body: some View {
        let _ = Task { items = await FeedAPI.fetch() }
        List(items, id: \.self) { Text($0) }
    }
}

// ✅ 부수효과는 .task에 — 수명은 Day 12에서
struct FeedView: View {
    @State private var items: [String] = []
    var body: some View {
        List(items, id: \.self) { Text($0) }
            .task { items = await FeedAPI.fetch() }
    }
}

enum FeedAPI {
    static func fetch() async -> [String] { ["a", "b"] }
}

struct OrderDemo: View {
    var body: some View {
        VStack(spacing: 20) {
            Text("저장")                 // ① padding 먼저 → 배경이 여백까지 칠해진다
                .padding(12)
                .background(Color.green)

            Text("저장")                 // ② background 먼저 → 배경은 글자에만, 여백은 바깥
                .background(Color.green)
                .padding(12)
        }
    }
}

struct FontCascade: View {
    var body: some View {
        VStack {
            Text("Title")
                .font(.title)            // 이 자식만 덮어쓴다
            Text("First body line.")
            Text("Second body line.")
        }
        .font(.body)                     // 스택 안 텍스트의 기본 폰트
    }
}

// ❌ error: value of type 'some View' has no member 'resizable'
// Image(systemName: "star")
//     .padding()
//     .resizable()

// ✅ Image일 때 resizable, 그다음 범용 모디파이어
struct ResizableFirst: View {
    var body: some View {
        Image(systemName: "star")
            .resizable()
            .frame(width: 40, height: 40)
            .padding()
    }
}

// ❌ 부모 body가 평가될 때마다 정렬과 포매팅이 또 돈다
struct ReportViewWrong: View {
    let lines: [String]
    init(raw: [Date]) {
        self.lines = raw.sorted(by: >).map { $0.formatted(date: .abbreviated, time: .omitted) }
    }
    var body: some View {
        List(lines, id: \.self) { Text($0) }
    }
}

// ✅ 가공은 모델(상위 계층)에서 끝내고 넘긴다 — 명시적 init 없음
struct ReportView: View {
    let lines: [String]
    var body: some View {
        List(lines, id: \.self) { Text($0) }
    }
}
// 호출부: ReportView(lines: model.formattedLines)

import SwiftUI

struct PriceTag: View {
    let label: String

    init(price: Int) {
        // (1) init에서 포매팅
        self.label = price.formatted(.currency(code: "KRW"))
    }

    var body: some View {
        Text(label)
            .background(Color.yellow)    // (2) 배경이 여백을 안 덮는다
            .padding(12)
            .onTapGesture { print("tap") }   // (3) 여백을 눌러도 반응 없음
    }
}

#Preview { PriceTag(price: 12000) }