분류 전체보기841 07. UserDefaults로 데이터를 저장하는 세 가지 방법 지난 시간 우리가 만든 투두리스트 앱은 데이터를 따로 저장하지는 않기 때문에 앱을 다시 실행하면 기존의 데이터가 지워집니다. 이번 글에서는 UserDefaults를 이용해서 데이터를 영속적으로 저장하는 세 가지 방법에 대해 알아보겠습니다. UserDefaults로 데이터를 저장하는 세 가지 방법UserDefaults의 핵심은 "Key-Value" 쌍으로 데이터를 저장하는 것입니다. 예를 들어, "username"이라는 이름표(Key)에 "eunchan"이라는 값(Value)을 저장하는 것과 같습니다. (Key : Value)"username" : "eunchan" 방법 1. 기본 데이터 직접 읽고 쓰기가장 단순하고 직접적인 방법입니다. String, Int, Bool, Double 등 기본 데이터 .. 2025. 11. 1. 06. 할 일 완료 처리 기능 구현하기 지난 글(새로운 할 일 추가 기능 구현)에서 우리는 할 일을 생성(Create), 목록으로 읽고(Read), 삭제(Delete)하는 것까지 구현했습니다. 하지만 투두리스트에서 가장 중요한 기능인 수정(Update) 기능, 즉 완료 상태를 변경하는 기능이 빠져있습니다. 이번 글에서는 할 일을 완료 처리하고, 한 번 더 선택하면 미완료 처리로 되돌리는 기능을 구현해보겠습니다. Part 3 : 할 일 완료 처리 기능 구현하기ContentView 부분을 아래와 같이 수정하겠습니다. 새롭게 추가되고 변경된 부분을 중심으로 코드를 살펴보세요. (AddItemView나 TodoDetailView 등 다른 부분은 그대로 두시면 됩니다)struct ContentView: View { @State private.. 2025. 10. 31. 05. 새로운 할 일 추가 기능 구현 지난 글(투두리스트 화면과 내비게이션 구현하기)에 이어서 사용자가 직접 새로운 할 일을 추가하는 기능을 완성해 보겠습니다. 이번 글에서는 사용자가 '+' 버튼을 누르면 새로운 입력창이 나타나고, 내용을 입력 후 저장하면 리스트에 추가합니다. 이 과정에서 화면을 띄우는 .sheet, 사용자 입력을 받는 TextField, 그리고 네비게이션 바에 버튼을 추가하는 .toolbar를 배워보겠습니다. Part 2 : 새로운 할 일 추가 기능 구현이번에는 ContentView 외에 할 일을 추가하는 UI를 위한 새로운 AddItemView를 만들겠습니다. ContentView 파일의 전체 코드를 아래 내용으로 교체해 주세요. 새로 추가된 부분과 주석을 특히 주의 깊게 보면서 타이핑해 보세요.import Sw.. 2025. 10. 30. 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. 이전 1 2 3 4 ··· 141 다음
