@State와 @Binding의 차이는 무엇인가요?

Q: @State와 @Binding의 차이는 무엇인가요?

A: `@State`와 `@Binding`은 SwiftUI에서 상태 관리를 위해 사용하는 속성 래퍼(property wrapper)이지만, 역할과 사용 목적이 다릅니다.

---

1. @State란 무엇인가요?
- 역할: 뷰 내부에서 상태를 저장하고 관리하는 데 사용됩니다.
- 특징: 해당 뷰만 상태를 소유하며, 상태가 변경되면 뷰가 자동으로 다시 렌더링됩니다.
- 사용 예: 뷰 내에서 값을 직접 변경하고 싶을 때 선언합니다.

```swift
@State private var isOn: Bool = false
```

---

2. @Binding이란 무엇인가요?
- 역할: 부모 뷰에서 관리하는 상태를 자식 뷰에 ‘참조’로 전달할 때 사용됩니다.
- 특징: 값 자체를 소유하지 않고, 부모 뷰의 상태를 읽고 쓸 수 있는 연결고리 역할을 합니다.
- 사용 예: 자식 뷰에서 부모 뷰의 상태를 직접 수정해야 할 때 선언합니다.

```swift
struct ChildView {
@Binding var isOn: Bool
}
```

---

3. 주요 차이점 요약
| 구분 | @State | @Binding |
|--------------|--------------------------------|----------------------------------|
| 상태 소유권 | 뷰 자신이 상태를 소유 | 다른 뷰(보통 부모)의 상태를 참조 | | 상태 변경 시 | 상태 소유 뷰가 다시 렌더링됨 | 상태 소유 뷰에 영향을 주며 렌더링됨 |
| 사용 목적 | 상태를 관리하고 뷰 업데이트 트리거 | 상태를 전달받아 수정할 때 사용 |
| 선언 위치 | 상태를 직접 사용할 뷰 내부 | 상태를 전달받는 자식 뷰 내부 |

---

4. 함께 사용되는 예
```swift
struct ParentView: View {
@State private var isOn = false

var body: some View {
ToggleView(isOn: $isOn) // $를 붙여 Binding 전달
}
}

struct ToggleView: View {
@Binding var isOn: Bool

var body: some View {
Toggle("Switch", isOn: $isOn)
}
}
```

- `ParentView`는 `isOn` 상태를 `@State`로 소유.
- `ToggleView`는 `@Binding`을 통해 부모의 상태에 접근 및 변경 가능.

---

5. 결론
- @State 는 뷰 내부 상태를 관리할 때,
- @Binding 은 상태 소유자가 아닌 다른 뷰와 상태를 공유하고 수정할 때 사용합니다.

이로써 상태의 단일 소유권과 데이터 흐름을 명확하게 유지하며 SwiftUI의 선언적 UI 패턴을 효율적으로 구현할 수 있습니다.

SwiftUI에서 `@State`와 `@Binding`은 상태 관리를 위한 두 가지 중요한 프로퍼티 래퍼입니다.

이들은 서로 다른 목적과 사용 사례를 가지고 있으며, SwiftUI의 데이터 흐름을 이해하는 데 필수적입니다.

아래에서 이 두 개념의 차이점과 사용 방법에 대해 자세히 설명하겠습니다.

@State `@State`는 SwiftUI에서 뷰의 로컬 상태를 관리하기 위해 사용됩니다.

뷰가 자신의 상태를 소유하고 있으며, 이 상태가 변경될 때마다 뷰가 자동으로 업데이트됩니다.

`@State`는 주로 뷰 내부에서만 사용되며, 다른 뷰와 상태를 공유하지 않습니다.

사용 예시 ```swift struct CounterView: View { @State private var count: Int = 0 var body: some View { VStack { Text("Count: \(count)") Button("Increment") { count += 1 } } } } ``` 위의 예시에서 `count`는 `CounterView`의 로컬 상태입니다.

버튼을 클릭하면 `count`가 증가하고, 이로 인해 뷰가 다시 그려집니다.

@Binding `@Binding`은 부모 뷰에서 자식 뷰로 상태를 전달할 때 사용됩니다.

자식 뷰는 부모 뷰의 상태를 직접 수정할 수 있으며, 이 변경 사항은 부모 뷰에 반영됩니다.

`@Binding`은 상태를 공유할 수 있는 방법을 제공하여, 여러 뷰 간에 데이터의 일관성을 유지할 수 있습니다.

사용 예시 ```swift struct ParentView: View { @State private var count: Int = 0 var body: some View { VStack { Text("Count: \(count)") ChildView(count: $count) } } } struct ChildView: View { @Binding var count: Int var body: some View { Button("Increment") { count += 1 } } } ``` 위의 예시에서 `ParentView`는 `count`라는 상태를 가지고 있으며, 이를 `ChildView`에 `@Binding`으로 전달합니다.

`ChildView`에서 버튼을 클릭하면 `count`가 증가하고, 이 변경 사항은 부모 뷰인 `ParentView`에 즉시 반영됩니다.

주요 차이점 1. 소유권 : - `@State`: 뷰가 자신의 상태를 소유합니다.

상태는 해당 뷰 내부에서만 사용됩니다.

- `@Binding`: 부모 뷰의 상태를 참조합니다.

자식 뷰는 상태를 수정할 수 있지만, 상태의 소유권은 부모 뷰에 있습니다.



2. 사용 범위 : - `@State`: 주로 뷰 내부에서 사용되며, 다른 뷰와 상태를 공유하지 않습니다.

- `@Binding`: 부모 뷰와 자식 뷰 간에 상태를 공유할 때 사용됩니다.



3. 상태 변경 : - `@State`: 상태가 변경되면 해당 뷰가 다시 그려집니다.

- `@Binding`: 상태가 변경되면 부모 뷰와 자식 뷰 모두에 영향을 미칩니다.

결론 `@State`와 `@Binding`은 SwiftUI에서 상태 관리를 위한 강력한 도구입니다.

`@State`는 뷰의 로컬 상태를 관리하는 데 적합하며, `@Binding`은 부모와 자식 뷰 간에 상태를 공유하고 수정할 수 있는 방법을 제공합니다.

이 두 개념을 적절히 활용하면 SwiftUI 애플리케이션의 데이터 흐름을 효율적으로 관리할 수 있습니다.