iOS & SwiftUI

프로젝트 맥락 본 글은 SwiftUI로 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.‘Re:ToU’는 사용자가 하루 동안 느낀 감정을 이모지로 선택하고, 그에 대한 회고를 작성하는 기능을 중심으로 구성된 앱입니다.앱 첫 단계에서 감정을 선택하는 UI는 사용자 경험을 자연스럽게 유도하고, 입력 흐름을 시작하는 데 핵심적인 역할을 합니다.이모지가 5개로 고정되어 있어, 간단한 HStack으로 수평 배치하는 방식이 가장 효율적이었습니다. 기능 설명 감정 이모지 선택 UI는 5개의 이모지를 한 줄(HStack) 로 나열하고,선택한 이모지만 시각적으로 강조되는 구조입니다. 각 이모지는 Text로 표현되고, 원형으로 배경 ..

프로젝트 맥락 본 글은 SwiftUI로 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.‘Re:ToU’는 사용자가 감정을 선택하고, 회고 텍스트를 작성한 뒤 해당 내용을 저장하는 구조입니다.이 과정에서 회고 작성을 완료하지 않았는데도 ‘작성 완료’ 버튼이 눌리는 문제가 있었고,이를 통해 발생할 수 있는 입력 누락을 방지하기 위해 UX 개선이 필요했습니다. 기능 설명 ‘작성 완료’ 버튼은 회고 화면에서 감정 이모지와 텍스트가 모두 입력되었을 때만 활성화되어야 합니다.그렇지 않으면, 사용자가 실수로 빈 내용을 저장하게 되는 문제가 발생합니다. 따라서, 버튼이 조건에 따라 활성화/비활성화되는 로직이 필요했습니다.Swift..

프로젝트 맥락 본 글은 SwiftUI로 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.‘Re:ToU’는 감정 선택 → 회고 작성 → 저장 → 지난 회고 열람이라는 흐름으로 진행되며,각 단계마다 화면 전환(Navigation) 이 필수적입니다.초기에는 NavigationLink를 직접 UI 요소에 붙이는 방식으로 화면 전환을 구현했지만,의도치 않게 여러 번 화면이 전환되거나, 에러가 발생하는 상황을 경험하면서 구조적인 개선이 필요하다고 판단했습니다. 기능 설명 SwiftUI에서 화면 간 전환을 구현할 때 가장 흔하게 사용하는 도구는 NavigationLink입니다.기본적으로는 다음과 같이 작성합니다:Navigatio..

프로젝트 맥락 본 글은 SwiftUI로 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.‘오늘의 너’는 사용자가 하루 동안 자신의 감정을 선택하고, 회고를 작성하는 기능을 제공합니다.모든 데이터는 기기에 안전하게 저장되어야 했기 때문에, 서버 연동 없이 로컬 데이터 저장 방식을 설계했습니다.그 중에서도 간단하고 빠르게 구현할 수 있는 UserDefaults를 사용하여 초기 버전을 완성했습니다. 기능 설명 UserDefaults는 iOS에서 소규모 데이터를 쉽게 저장하고 불러올 수 있는 기본 저장소입니다.Key-Value 형태로 데이터를 저장하며, 앱을 재시작해도 데이터가 유지됩니다. 이번 프로젝트에서는 사용자가 선택..

프로젝트 맥락 본 글은 SwiftUI로 Apple Developer Academy_Challenge 2에서 개발 중인 ‘Re:ToU(오늘의 너)’ 앱을 기반으로 작성되었습니다.‘오늘의 너’는 사용자가 하루 동안의 감정을 기록하고, 회고하는 기능을 중심으로 구성되어 있습니다.특히, 감정 선택 → 회고 작성 → 저장까지 자연스럽게 이어지는 사용자 흐름을 위해 ViewModel을 통한 상태 관리가 필수적이었습니다. 기능 설명 SwiftUI로 앱을 개발할 때, 화면(UI)과 데이터(State)를 함께 관리하면 코드가 금방 복잡해진다.특히 화면 전환, 사용자 입력 처리, 여러 화면 간 데이터 공유가 필요한 상황에서는 상태 관리를 따로 분리하는 것이 중요하다. 이를 위해 SwiftUI에서는 ViewModel을 활..