뷰 수정자: 연결과 사용자 정의 수정자

뷰 수정자는 뷰를 변환해 글꼴, 색상, 여백, 애니메이션 등을 변경합니다. 수정자를 연결하고 재사용 가능한 사용자 정의 수정자를 만들 수도 있습니다.

```swift Text("Hello") .font(.title) .foregroundColor(.blue) .padding() .background(Color.yellow) .cornerRadius(8) ```

```swift Text("Hi") .padding() .background(Color.red) // red covers padding area Text("Hi") .background(Color.red) // red only covers text .padding() ```

```swift struct CardStyle: ViewModifier { func body(content: Content) -> some View { content .padding() .background(Color.white) .cornerRadius(10) .shadow(radius: 4) } } extension View { func cardStyle() -> some View { modifier(CardStyle()) } } Text("Card").cardStyle() ```

```swift Text("Status") .foregroundColor(isError ? .red : .primary) // Or with .modifier: text.modifier(isLarge ? LargeStyle() : SmallStyle()) ```

일부 수정자는 하위 요소로 전파됩니다: ```swift VStack { Text("One") Text("Two") } .font(.headline) // applies to ALL Text children ```

```swift struct Bordered: ViewModifier { var color: Color func body(content: Content) -> some View { content.overlay(RoundedRectangle(cornerRadius:8).stroke(color,lineWidth:2)) } } Text("Hi").modifier(Bordered(color:.blue)) ```

```swift if show { Text("Appeared") .transition(.slide) // custom appear/disappear animation } ```

```swift Text("Hello") .onAppear { print("Appeared") } .onDisappear { print("Disappeared") } ```

```swift Image("logo") .accessibilityLabel("Company Logo") .accessibilityAddTraits(.isImage) ```

사용자 정의 뷰 수정자는 어떤 프로토콜을 준수해야 합니까?

핵심 내용: • 수정자를 연결해 외관을 조합합니다 • 순서가 중요합니다 — 각 수정자는 이전 결과를 감쌉니다 • 재사용 가능한 수정자에는 `ViewModifier` 프로토콜을 사용합니다 • 환경 수정자는 자식 요소로 전파됩니다 • 호출 위치에서 `.myModifier()`를 편리하게 사용하려면 `View`를 확장합니다 다음: 프리뷰