iOS & SwiftUI

들어가며 앱을 개발하다 보면 데이터 변경이 여러 곳에서 일어나고, 그로 인해 UI 반영이 꼬이거나 성능 저하가 발생하는 경우가 있습니다.이를 깔끔하게 해결해 주는 설계 원칙이 단방향 데이터 흐름(One-way Data Flow)입니다.오늘은 SwiftUI 환경에서 단방향 데이터 흐름을 설계하는 방법과 실습 예제 코드를 통해,이 원칙을 어떻게 적용할 수 있는지 살펴보겠습니다. 1. 단방향 데이터 흐름이란? 단방향 데이터 흐름은 상태(State)가 오직 한 방향으로만 이동하는 구조를 말합니다.흐름은 다음과 같습니다.[User Action / 시스템 이벤트] ↓ [ViewModel: 상태 변경] ↓ [View: UI 렌더링] View: 화면 표시와 사용자 입..

안녕하세요. 오늘은 Apple Developer Academy @POSTECH 의 C5 학습 플랜의 첫날, SwiftUI 상태 관리에 대해 깊이 파고든 하루를 기록하려고 합니다.저는 오늘 하루를 “상태 관리의 A부터 Z까지 손으로 부딪히며 확인하는 날”이라고 이름 붙였습니다. 오늘의 학습 목표 C5 플랜에서 Day 1의 목표는 이렇게 정의했습니다. State, Binding, ObservedObject, StateObject, EnvironmentObject 개념과 동작 원리를 배우고, iOS 17+의 @Observable까지 실습한다.각 방식의 메모리/라이프사이클 차이를 이해하고, 상황별 선택 이유를 명확하게 설명할 수 있게 한다 . 이 말은 곧, 단순히 문법을 아는 걸 넘어서 왜 이 방식을 써야 하..

프로젝트 맥락 본 글은 Apple Developer Academy_Challenge 2에서 개발한 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.Re:ToU는 사용자의 회고 데이터를 기기 내부에 저장하는 구조를 채택했기 때문에,데이터의 종류에 따라 어떤 저장 방식을 선택할지가 앱의 설계 품질을 결정짓는 중요한 요소였습니다. 기능 설명 Re:ToU에서는 회고(Reflection) 데이터를 저장해야 했고, 이때 다음과 같은 세 가지 저장 방식이 후보가 되었어요. UserDefaults: 단순한 키-값 저장FileManager: 직접 파일 생성/읽기CoreData: 관계형 데이터베이스 기반 저장 시도 동기 처음에는 가볍게 데이터를 저장하고 불러오기만 하면 될 것 같아서 UserDefaults를 고..

프로젝트 맥락 본 글은 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.이 앱은 사용자의 사적인 감정을 기록하는 민감한 앱이기 때문에,앱을 열 때마다 자동으로 잠금을 해제하도록 하는 인증 흐름이 필요했습니다. 단순히 Face ID만 적용하는 것이 아니라,언제 인증을 요구하고, 어떤 타이밍에 다시 잠가야 할지에 대한 앱 전반의 흐름을 설계하는 것이 중요한 포인트였습니다. 기능 설명 사용자가 앱을 완전히 종료하고 다시 실행했을 때 자동으로 인증 화면으로 진입인증에 성공하면 MainView로 진입홈버튼/스와이프 등으로 앱을 백그라운드에 보냈다가 돌아올 때도 인증이 재요구되도록 구성인증 상태는 전역 상태로 관리 (@AppS..

프로젝트 맥락 본 글은 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.Re:ToU는 개인적인 감정을 기록하는 민감한 앱이기 때문에, 앱 실행 시 타인의 접근을 방지할 수단이 필요했습니다.이런 보안 요구에 따라 우리는 iOS가 기본 제공하는 Face ID / Touch ID 생체인증 시스템을 적용해 앱을 보호하고자 했습니다. 기능 설명 사용자가 앱을 실행했을 때, 얼굴 인식(Face ID) 또는 지문 인식(Touch ID)으로 본인 여부를 확인인증에 성공하면 메인 뷰로 진입인증에 실패하거나 취소하면 앱을 잠금 상태로 유지설정 여부에 따라 인증 건너뛰기 허용도 가능 시도 동기 개인적인 회고 내용은 외부 노출되면 불..

프로젝트 맥락 본 글은 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.Re:ToU 앱은 사용자가 하루 한 번 스스로를 돌아볼 수 있는 회고를 남기게 해주며,이때 사용자가 자신의 생각을 편안하게 정리할 수 있도록 쓰기 좋은 입력창 환경이 중요한 요소였습니다.SwiftUI의 TextEditor는 기본적으로 커스터마이징이 부족했기 때문에,직접 사용자 경험을 개선하는 방식으로 조정했습니다. 기능 설명 TextEditor는 멀티라인 텍스트 입력이 가능하지만, 기본 UI는 심플함 그 자체우리는 다음 요소를 고려해 커스터마이징했습니다.배경색cornerRadiusplaceholder 기능 대체최소 높이 설정라이트 모드와 다크모드..

프로젝트 맥락 본 글은 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.앱은 하루 한 번 회고를 작성할 수 있으며, 이때 사용자는 감정을 선택해 기록에 함께 남기게 됩니다.초기에는 그리드 기반의 배치를 고려했지만, 실제로 필요한 감정 이모지의 수가 적고 배치가 단순한 만큼VStack + HStack 조합으로 충분히 깔끔하게 구성할 수 있었습니다. 기능 설명 사용자는 회고 작성 화면에서 5개의 감정 중 하나를 선택할 수 있습니다선택된 감정은 컬러 배경으로 표시됩니다감정은 한 줄(HStack)로 나열됩니다선택 시 selectedEmotion 상태가 갱신되며 저장 시 반영됩니다 시도 동기 처음에는 LazyVGrid를 ..

프로젝트 맥락 본 글은 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.앱 내에서 감정 선택, 회고 작성, 회고 수정, 통계 확인 등 다양한 화면 간의 연결이 존재하며,이 과정에서 데이터를 어떤 방식으로 전달하고 공유할지에 대한 고민이 필요했습니다. SwiftUI는 선언형 UI이기 때문에 각 뷰의 역할에 따라 적절한 전달 방식을 선택해야 앱의 구조가 유지보수에 강하고 예측 가능해집니다. 기능 설명 SwiftUI에서는 대표적으로 다음 세 가지 방식으로 데이터를 전달합니다.전달 방식주요 사용 시점특징@Binding부모 → 자식 (값을 수정 가능하게 넘김)참조만 전달, 직접 수정 가능@ObservedObject특정 뷰에서..