SwiftUI5 07. UserDefaults로 데이터를 저장하는 세 가지 방법 지난 시간 우리가 만든 투두리스트 앱은 데이터를 따로 저장하지는 않기 때문에 앱을 다시 실행하면 기존의 데이터가 지워집니다. 이번 글에서는 UserDefaults를 이용해서 데이터를 영속적으로 저장하는 세 가지 방법에 대해 알아보겠습니다. UserDefaults로 데이터를 저장하는 세 가지 방법UserDefaults의 핵심은 "Key-Value" 쌍으로 데이터를 저장하는 것입니다. 예를 들어, "username"이라는 이름표(Key)에 "eunchan"이라는 값(Value)을 저장하는 것과 같습니다. (Key : Value)"username" : "eunchan" 방법 1. 기본 데이터 직접 읽고 쓰기가장 단순하고 직접적인 방법입니다. String, Int, Bool, Double 등 기본 데이터 .. 2025. 11. 1. 04. 투두리스트 화면과 내비게이션 구현하기 이번에는 단일 화면을 넘어 여러 화면을 가진, 조금 더 앱다운 앱을 만들어 보겠습니다. 사용자에게 할 일 목록을 보여주고, 새로운 할 일을 추가하며, 각 항목을 눌렀을 때 상세 내용을 볼 수 있는 "나만의 투두리스트(To-Do List)" 를 구현해 보겠습니다.. 그 과정에서 List, NavigationStack, 데이터 모델링(struct)의 개념을 알아보겠습니다. 내용이 조금 많으므로 세 파트로 나누어 진행하겠습니다. Part 1 : 데이터 목록을 만들고, 리스트 화면에 보여주며, 상세 화면으로 넘어가는 뼈대 만들기.Part 2 : 새로운 할 일을 추가하는 기능 구현하기.Part 3 : 할 일 완료 처리 기능 구현하기. Part 1 : 투두리스트 화면과 내비게이션 구현하기지난 글에 작성했던 C.. 2025. 10. 29. 03. 로또 번호 생성기 앱 만들기 이번 글에서는 사용자가 버튼을 누르면 화면의 내용이 바뀌는 "로또 번호 생성기" 앱을 만들어 보겠습니다. 사용자의 행동에 앱이 반응하도록 만드는 인터랙션(Interaction)을 구현하는 과정을 통해 SwiftUI의 중요한 개념인 @State를 배워보겠습니다. @State 는 값이 바뀌면 화면을 자동으로 업데이트해주는 기능을 합니다. ContentView 파일의 모든 코드를 지우고 아래의 코드를 작성해주세요. 코드를 그냥 복사/붙여넣기 하기 보다는, 직접 한 줄씩 타이핑하면서 코드의 의미를 생각해 보세요. 자동완성 기능의 도움을 받는 것은 좋습니다.import SwiftUIstruct ContentView: View { // 1. 데이터를 저장할 '상태' 변수를 선언합니다. // @St.. 2025. 10. 28. 02. Text 수정하고 Image 추가하기 기본으로 생성된 코드를 직접 수정하며 SwiftUI와 친해져 보겠습니다. 이번 글의 목표는 화면의 텍스트를 수정하고 원하는 이미지를 띄우는 것입니다. 이번 단계를 통해 Text, Image, VStack 이라는 기본적인 3가지 UI 요소를 배워보겠습니다. 1. 코드 파일 열기먼저 Xcode 왼쪽의 파일 네비게이터에서 ContentView 파일을 클릭하세요. (아마 이미 열려있을 겁니다)이 파일이 바로 우리 눈에 보이는 화면의 설계도입니다. 2. "Hello, world!" 텍스트 수정하기가운데 코드 에디터를 보면 이런 코드가 보일 겁니다.import SwiftUIstruct ContentView: View { var body: some View { VStack { .. 2025. 10. 28. 01. Xcode로 첫 SwiftUI 프로젝트 만들기 이 글은 제가 독학으로 SwiftUI를 배우면서 기록으로 정리한 글입니다. Xcode로 첫 SwiftUI 프로젝트를 만들어 보겠습니다.(이 글은 Xcode 26.0.1 버전을 사용합니다) 1단계: Xcode 실행 및 새 프로젝트 생성 1. 컴퓨터에서 Xcode를 실행합니다. (Xcode 설치는 이 글에서 다루지 않습니다)2. 아래와 같은 창이 나타나면 "Create a new project"를 선택합니다. 만약 환영 창이 뜨지 않고 바로 Xcode 편집 화면이 나타난다면, 상단 메뉴에서 File > New > Project... 를 클릭해도 됩니다. 2단계: 템플릿 선택 1. 새 프로젝트를 위한 템플릿 선택 창이 나타납니다. 우리는 아이폰 앱을 만들 것이므로 상단에서 iOS가 선택되어 있는지 .. 2025. 10. 27. 이전 1 다음
