# SwiftUI - Minsup👮🏻‍♂️, Mint😈, Whales🐬

### 👨‍🔬 실험 1: Toggle View 구현하기

프로젝트 내부에는 Experiment_SwiftUIApp, Model, ContentView, ToggleView 네 개의 파일이 존재합니다. Step1에서는 이 중 ToggleView 파일만을 사용합니다.

#### 📋 Todo

- `ToggleView`의 파일의 View가 어떻게 구성되어있는지를 분석해봅시다.
- ZStack안에 RoundedRectangle이 있고 VStack이 있습니다. ZStack은 z축 방향으로 뷰를 쌓기 때문에 RoundedRectangle이 바닥에 위치하고 그 위에 VStack이 위치합니다. VStack은 수직으로 쌓기 때문에 Text 밑에 토글 버튼이 존재합니다.

- `stateToggle` 을 누를 때 View에는 어떤 변화가 있을까요?
- `isStateToggleOn`의 값이 바뀌면서 뷰가 새롭게 그려집니다.

- `stateToggle` 토글 스위치가 켜져있으면 Text에 `State On` 이, 토글 스위치가 꺼져있으면 Text에 `State Off` 가 나타나려면 어떻게 해야할까요?

    VStack {
                if isStateToggleOn {
                    Text("State On")
                } else {
                    Text("State Off")
                }

                Toggle("State", isOn: $isStateToggleOn)
                    .padding()
            }

- `State PropertyWrapper`는 View에서 어떤 역할을 할까요?
- Struct에서는 속성 값을 바꾸기 위해 mutating을 사용합니다. mutating을 사용하지 않으면 Value Type은 스스로 속성 값을 바꾸지 못합니다. State를 사용하면 속성 값이 바뀌는 것을 감지한 후 struct을 재생성하여 뷰를 다시 그리는 역할을 해줍니다.

### 👨‍🔬 실험 2: ToggleView 네 개를 조합해 ContentView 생성

#### 📋 Todo

ContentView 파일에서 하위 View를 조합해 사진과 같은 UI를 만들어봅시다. Stack , 또는LazyVGrid 활용

### 👨‍🔬 실험 3: 여러 뷰가 동시에 관찰하는 Property 생성

#### 📋 Todo

Model 클래스 내부의 프로퍼티가 바뀌었을 때, 이를 관찰하고 있는 View가 자동적으로 갱신되게 해봅시다.
ObservedObject, StateObject, EnvironmentObject 중 방법을 선택해서 진행합니다.
각각은 어떤 차이가 있고, 사용법에 있을까요?
- 생성하는 쪽 : ObservedObject, StateObject
- 받는 쪽 : EnvironmentObject (부모로부터 주어진 것들. 환경)