아이폰 X 이후로 노치(Notch)와 홈 인디케이터가 생기면서
Safe Area라는 개념이 엄청 중요해졌어요.

Safe Area는 시스템 UI(상태 바, 홈 인디케이터 등)에 가려지지 않는 안전한 영역이에요.
콘텐츠는 반드시 Safe Area 안에 배치해야 잘려 보이지 않아요!

// SwiftUI - Safe Area 자동 처리
VStack {
    Text("안전한 콘텐츠")
}
.safeAreaInset(edge: .bottom) {
    // 하단 Safe Area에 추가 뷰 배치
    CustomTabBar()
}

// UIKit - Safe Area 수동 처리
let safeArea = view.safeAreaLayoutGuide
NSLayoutConstraint.activate([
    myView.topAnchor.constraint(equalTo: safeArea.topAnchor),
    myView.bottomAnchor.constraint(equalTo: safeArea.bottomAnchor)
])

Apple HIG에서 권장하는 기본 여백 값들이 있어요.
이걸 지키면 앱이 훨씬 정돈되어 보여요!

하드코딩으로 색상 값 직접 넣는 거 이제 그만해요!
Apple은 Dynamic Colors와 Semantic Colors를 제공해요.

// ❌ 이렇게 하드코딩하면 다크모드에서 망함
label.textColor = UIColor(red: 0, green: 0, blue: 0, alpha: 1)

// ✅ Semantic Color 사용 - 다크모드 자동 대응!
label.textColor = .label           // 기본 텍스트 색상
view.backgroundColor = .systemBackground  // 배경색
button.tintColor = .systemBlue    // 시스템 블루

// SwiftUI에서도 동일한 개념
Text("안녕하세요")
    .foregroundColor(.primary)    // 자동으로 다크/라이트 대응
    .background(Color(.systemBackground))

iOS의 Dynamic Type은 사용자가 시스템 설정에서 글씨 크기를 조절하면
앱의 텍스트도 자동으로 크기가 변하는 기능이에요.

이걸 지원하지 않으면 시각 약자 사용자들이 앱을 사용하기 매우 힘들어요!

// ✅ Dynamic Type 자동 지원 (SwiftUI 기본)
Text("안녕하세요")
    .font(.body)           // 시스템 폰트 스타일 사용
    .font(.headline)       // 헤드라인 스타일
    .font(.caption)        // 캡션 스타일

// UIKit에서 Dynamic Type 지원
label.font = UIFont.preferredFont(forTextStyle: .body)
label.adjustsFontForContentSizeCategory = true  // 이거 꼭 true로!

// 커스텀 폰트에 Dynamic Type 적용
label.font = UIFontMetrics(forTextStyle: .body)
    .scaledFont(for: UIFont(name: "CustomFont", size: 16)!)

버튼은 앱에서 가장 많이 사용되는 컴포넌트예요.
HIG에서 정의한 버튼 계층 구조를 알아두면 좋아요:

// iOS 15+ ButtonStyle 활용
Button("저장하기") {
    saveAction()
}
.buttonStyle(.borderedProminent)  // Primary 버튼
.controlSize(.large)              // 크기 설정

Button("취소") {
    cancelAction()
}
.buttonStyle(.bordered)           // Secondary 버튼

Button("삭제", role: .destructive) {  // Destructive 버튼
    deleteAction()
}

// 커스텀 버튼 스타일
struct PrimaryButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .frame(maxWidth: .infinity)
            .frame(height: 50)
            .background(configuration.isPressed ? Color.blue.opacity(0.8) : Color.blue)
            .foregroundColor(.white)
            .cornerRadius(12)
            .scaleEffect(configuration.isPressed ? 0.97 : 1.0)
            .animation(.easeInOut(duration: 0.1), value: configuration.isPressed)
    }
}

iOS 앱에서 가장 많이 쓰이는 패턴이 리스트와 카드예요.
SwiftUI의 List와 커스텀 카드 뷰를 잘 활용하면 돼요!

struct CardView: View {
    let title: String
    let subtitle: String
    let icon: String
    
    var body: some View {
        HStack(spacing: 16) {
            // 아이콘 영역
            Image(systemName: icon)
                .font(.title2)
                .foregroundColor(.blue)
                .frame(width: 44, height: 44)  // 최소 터치 영역!
                .background(Color.blue.opacity(0.1))
                .cornerRadius(10)
            
            // 텍스트 영역
            VStack(alignment: .leading, spacing: 4) {
                Text(title)
                    .font(.headline)
                    .foregroundColor(.primary)
                Text(subtitle)
                    .font(.caption)
                    .foregroundColor(.secondary)
            }
            
            Spacer()
            
            Image(systemName: "chevron.right")
                .foregroundColor(.secondary)
                .font(.caption)
        }
        .padding(16)
        .background(Color(.systemBackground))
        .cornerRadius(12)
        .shadow(color: .black.opacity(0.06), radius: 8, x: 0, y: 2)
    }
}

SwiftUI는 애니메이션이 정말 쉬워요.
상태 변화에 .animation()만 붙여주면 자동으로 부드럽게 전환돼요!

struct AnimationExample: View {
    @State private var isExpanded = false
    @State private var isLoading = false
    
    var body: some View {
        VStack(spacing: 20) {
            // 스프링 애니메이션 - 자연스러운 느낌
            RoundedRectangle(cornerRadius: 12)
                .fill(Color.blue)
                .frame(width: isExpanded ? 200 : 100, height: 50)
                .animation(.spring(response: 0.4, dampingFraction: 0.7), value: isExpanded)
                .onTapGesture { isExpanded.toggle() }
            
            // 로딩 인디케이터 - 사용자에게 피드백 제공
            if isLoading {
                ProgressView()
                    .transition(.opacity.combined(with: .scale))
            }
            
            // Reduce Motion 접근성 고려
            Button("로드") {
                withAnimation(
                    // 시스템 설정에 따라 애니메이션 조절
                    UIAccessibility.isReduceMotionEnabled ? .none : .easeInOut(duration: 0.3)
                ) {
                    isLoading.toggle()
                }
            }
        }
    }
}

VoiceOver는 화면을 읽어주는 iOS 기능이에요.
시각 장애인 사용자들이 앱을 사용할 수 있게 해주는 핵심 기능이죠!

// ✅ 접근성 레이블 추가
Image(systemName: "heart.fill")
    .foregroundColor(.red)
    .accessibilityLabel("좋아요")  // VoiceOver가 읽어줄 텍스트
    .accessibilityHint("두 번 탭하면 좋아요를 취소합니다")  // 추가 설명

// 장식용 이미지는 숨기기
Image("decorative-background")
    .accessibilityHidden(true)  // VoiceOver에서 무시

// 커스텀 액션 추가
Button(action: likeAction) {
    Image(systemName: isLiked ? "heart.fill" : "heart")
}
.accessibilityLabel(isLiked ? "좋아요 취소" : "좋아요")
.accessibilityAddTraits(isLiked ? .isSelected : [])

// 그룹화 - 관련 요소를 하나로 묶기
VStack {
    Text("김철수")
    Text("iOS 개발자")
    Text("서울")
}
.accessibilityElement(children: .combine)
// VoiceOver: "김철수, iOS 개발자, 서울"로 한 번에 읽음

색맹 사용자를 위해 색상만으로 중요한 정보를 전달하면 안 돼요.
항상 아이콘, 텍스트, 패턴 등을 함께 사용해야 해요!

iOS는 진동을 통한 햅틱 피드백을 지원해요.
적절히 사용하면 앱의 완성도가 확 올라가요!

import UIKit

// 알림 햅틱 (성공/경고/오류)
let notificationGenerator = UINotificationFeedbackGenerator()
notificationGenerator.notificationOccurred(.success)   // 성공 시
notificationGenerator.notificationOccurred(.warning)   // 경고 시
notificationGenerator.notificationOccurred(.error)     // 오류 시

// 임팩트 햅틱 (버튼 탭 등)
let impactGenerator = UIImpactFeedbackGenerator(style: .medium)
impactGenerator.impactOccurred()

// SwiftUI에서 사용
Button("저장") {
    UIImpactFeedbackGenerator(style: .light).impactOccurred()
    saveData()
}

// 선택 변경 햅틱 (피커 등)
let selectionGenerator = UISelectionFeedbackGenerator()
selectionGenerator.selectionChanged()

데이터 로딩 중에 사용자에게 피드백을 주는 건 필수예요!
아무 반응 없이 멈춰있으면 앱이 죽은 줄 알고 강제 종료해버려요 ㅋㅋㅋ

struct ContentView: View {
    @State private var isLoading = false
    @State private var data: [Item] = []
    @State private var errorMessage: String?
    
    var body: some View {
        Group {
            if isLoading {
                // 스켈레톤 UI (더 좋은 UX!)
                SkeletonView()
                // 또는 기본 로딩 인디케이터
                // ProgressView("불러오는 중...")
            } else if let error = errorMessage {
                // 오류 상태 - 재시도 옵션 제공
                VStack(spacing: 16) {
                    Image(systemName: "exclamationmark.triangle")
                        .font(.largeTitle)
                        .foregroundColor(.orange)
                    Text(error)
                        .multilineTextAlignment(.center)
                    Button("다시 시도") { loadData() }
                        .buttonStyle(.borderedProminent)
                }
            } else if data.isEmpty {
                // 빈 상태 - 안내 메시지
                EmptyStateView()
            } else {
                // 데이터 표시
                List(data) { item in ItemRow(item: item) }
            }
        }
        .task { await loadData() }
    }
}