음성메모앱 강의 진행 필기

온보딩 화면 구현 챕터
1. 화면 구성중 틀이 될만한 콘텐츠를 파일 하나로 정의해 놓고 정의한 틀을 바탕으로 뷰 모델에서 들어갈 내용을 작성, 뷰 모델의 내용 을 바탕으로 뷰 에서 활용하여 화면 그리기
2. V스택과 H스택 을 잘 사용하여 예쁘게 쌓아올리는 활용 필요(캔버스 미리보기 활용하여 디자인 다듬기)

SwiftUI 의 Property Wrappers

뷰 모델에서 사용하는 Property Wrappers

@State
- 상태처리방법
- 뷰의 상태를 저장하는 프로퍼티로 상태 관리 주체는 해당뷰
- 기본적으로 Private 선언이기에 다른 뷰와 값을 소통하려면 Binding을 이용
- 값이 변경될떄마다 UI업데이트**
@Binding
- 뷰와 상태를 바인딩 하는 방법
- 상위 @State 변수를 전달 받아 하위 뷰에서 캐치해 변화 감지 및 연결**
- Bindind은 다른 뷰가 소유한 속성을 연결하기에 소유권 및 저장 공간이 없음
ObservableObject
- 클래스 프로토콜로 관찰하는 어떠한값이 변경되면 변경사항을 알려줌**
- 뷰에서 인스턴스 변화를 감시하기위해 뷰모델 객체로 생성할 때 사용할 수 있음
@Published
- ObservableObject를 구현한 클래스 내에서 프로퍼티 선언시 사용
- @Published로 선언된 프로퍼티를 뷰에서 관찰할수 있음
- ObservableObject의 objectWillChange.send() 기능을 @Published프로퍼티가 변경되면 자동으로 호출**
뷰에서 사용하는 Property Wrappers
@StateObject
- 뷰에서 ObservableObject 타입의 인스턴스 선언시 사용
- 뷰마다 하나의 인스턴스를 생성하며, 뷰가 사라지기 전까지 같은 인스턴스 유지
- @ObservedObject의 뷰 렌더링 시 인스턴스 초기화 이슈 해결을 위한 방법
- 매번 인스턴스가 새롭게 생성되는것처럼 외부에서 주입받는 경우가 아닌 최초 생성 선언시에 @StateObject를 사용하는것이 적절한 방법
@ObservedObject
- 뷰에서 ObservableObject 타입의 인스터스 선언시 사용
- ObservableObject의 값이 업데이트 되면 뷰를 업데이트
**@StateObject**는 주로 뷰의 상태를 유지하고 업데이트할 때 사용되며, 해당 객체는 해당 뷰와 밀접하게 관련되어 있습니다. 반면에 **@ObservedObject**는 주로 뷰에 외부 데이터 소스를 바인딩할 때 사용되며, 해당 객체는 해당 뷰의 변화와 무관하게 독립적으로 존재합니다.
@Environment
- 미리 정의되어 있는 시스템 공유 데이터
- 사용하려는 공유 데이터의 이름을 keyPath로 전달하여 사용
- 시스템 공유 데이터는 가변하기에 var로 선언필요
- 뷰가 생성되는 시점에 값이 자동으로 초기화됨
@EnvironmentObject
- ObservableObject를 통해 구현된 타입의 인스턴스를 전역적으로 공유하여 사용
- 앱 전역에서 공통으로 사용할 데이터를 주입 및 사용

@FocusState
- TextField 사용시 커서 포커싱을 관리해 줄수 있다

온보딩 화면에서 사용되는 컴포넌트

Text
image