예콩이의 CODE RECIPE

오늘은 Modifier에 대해서 알아보자!👩🏻‍🍳 SwiftUI에서 Modifier는 뷰의 모양, 레이아웃, 기능을 변경하기 위해서 사용되는 강력한 도구이다. 모디파이어를 사용하면 코드의 재사용성을 높이고, 간결하고 읽기 쉬운 코드를 작성할 수 있다. 텍스트 모양 변경하기 Text("안녕하세요, SwiftUI!") .font(.title) // 글꼴을 제목 스타일로 설정 .foregroundColor(.blue) // 글자 색상을 파란색으로 설정 .padding() // 주변에 패딩 추가 .background(Color.yellow) // 배경색을 노란색으로 설정 .cornerRadius(10) // 모서리를 둥글게 처리 글꼴의 모양부터 글자 색상, 패딩, 배경색, 모서리를 둥글게 설정할 수 있다. 버튼..

오늘은 Form에 대해 알아보자!👩🏻‍🍳 Form SwiftUI에서 Form은 사용자의 입력을 위한 인터페이스를 구성하는데 사용되는 컨테이너 뷰이다. Form은 다양한 유형의 입력 요소를 포함할 수 있다. 예를 들어, TextField, Toggle, Slider, DatePicker와 같은 뷰를 Form에 넣어 사용자 입력을 받을 수 있다. Form Apple 공식 문서 Form | Apple Developer Documentation A container for grouping controls used for data entry, such as in settings or inspectors. developer.apple.com 예시 코드 이제 직접 실습을 해보자! 이번에 해볼 실습은 아이폰에서 설정 ..

복잡한 UI 요소들을 한 번에 설명하기엔 너무 많은 양이 될 것 같아서 부분적으로 끊어서 학습하기로 한다. 오늘은 List와 ForEach의 사용법에 대해서 알아보자!👩🏻‍🍳 List? List는 SwiftUI의 주요 구성 요소 중 하나로, 여러 행의 데이터를 표시하는데 사용된다. UIkit의 테이블 뷰와 유사하며, 각 행은 독립적인 View로 구성할 수 있다. List는 자체적으로 상태를 저장하지 않고 주어진 데이터를 기반으로 UI를 생성하고 업데이트한다. 항상 최신 상태의 데이터가 반영되도록 보장하며 데이터가 변경될 때마다 List는 자동으로 업데이트된다. List는 다양한 기능과 함께 사용될 수 있다. ForEach, Section, NavigationLink 등으로 복잡한 UI를 구성할 수 있다...

이번 시간에는 SwiftUI의 기본적인 UI 요소(Text, Image, Button, TextField)를 알아보고 직접 사용해보자 👩🏻‍🍳 Text UIkit에서 UILabel이 사용된다면, SwiftUI에서는 Text가 그 역할을 해준다. 다만 차이점은 단순한 문자열 처리만 해주는게 아니라 버튼이나 다른 UI에 구성되는 텍스트를 모두 Text가 적용한다. UILabel 역할은 극히 일부라고 보면 될 듯! Text Apple 공식 문서 Text | Apple Developer Documentation A view that displays one or more lines of read-only text. developer.apple.com 사용 방법 Text("텍스트 입력") >> Text("Hello..