코딩 알약

SwiftUI 배우기 #7 - Form, ScrollView, NavigationView

[ Form ]SwiftUI에서 Form은 설정 화면, 회원가입 폼, 프로필 수정 등 사용자로부터 입력이나 선택을 받는UI를 만들 때 사용하는 전용 컨테이너 뷰이다. List와 동작 방식이 매우 유사하지만, Form은 목적 자체가 "데이터 입력 및 설정"에 맞춰져 있어iOS 기본 설정 앱과 같은 친숙한 UI 스타일을 자동으로 제공한다. Form의 주요 특징입력 요소의 그룹화 : TextField, Toggle, Picker 등 다양한 입력 UI 컴포넌트를 보기 좋게 정렬해 준다.플랫폼 표준 스타일 : iOS에서는 기본적으로 배경이 회색으로 지정되고, 각 섹션이 둥근 모서리의 하얀색 박스로 시각화된다.자동 스크롤 및 포커스 대응 : 키보드가 올라오면 텍스트 필드가 가려지지 않도록 화면이 자동으로 스크롤된다..

SwiftUI 배우기 #6 - Grid, List

[ Grid ]SwiftUI에서 격자 무늬(Grid) 레이아웃을 구현할 때 가장 먼저 마주하게 되는 개념이 바로Grid 관련 컨테이너들과 GridItem 이다. 쉽게 비유하자면, Grid 컨테이너는 액자(틀)이고, GridItem은 그 액자 칸을 어떻게 나눌지 결정하는 격자 플랜이다. 사용 목적에 따라 iOS 14부터 제공된 Lazy격자(LazyVGrid, LazyHGrid)와iOS 16부터 제공된 일반 정적 격자(Grid)로 나뉜다. GridItem이란?GridItem은 화면에 ㅔ보이는 뷰가 아니라, "하나의 행(Row)이나 열(Column)이 어떤 크기와 방식으로늘어나고 줄어들 것인가?"를 설정하는 옵션 덩어리이다. 이 GridItem 배열을 배열 크기만큼 만들어서 컨테이너에 넘겨주면,그 개수대로 칸..

[ Picker 기본 사용 방법 ]Picker(selection: Binding, content: () -> View, label: () -> View) selection : 사용자가 Picker에서 최종적으로 어떤 항목을 골랐는지 기억하고 저장하는 변수를 연결하는 곳label : 이 Picker가 무엇을 선택하기 위한 도구인지 알려주는 제목(뷰)content : 사용자가 탭 했을 때 펼쳐지는 진짜 선택지(뷰 배열)들을 나열하는 클로저 블록 import SwiftUIstruct PickerView: View { var colors = ["Red", "Green", "Orange", "Blue"] @State var selectedColor = 0 var body: some View..

[ ActionSheet 기본 사용 방법 ]ActionSheet(title: Text, message: Text?, buttons: [ActionSheet.Button])액션 시트의 기본 파라미터는 title, message, buttons가 있다.먼저 title은 액션 시트 상단에 표시될 타이틀이다.message는 Title 아래에 표시되는 메시지이다.마지막으로 buttons는 message아래에 표시되는 선택 버튼들이다.import SwiftUIstruct ContentView: View { @State private var showingSheet = false var body: some View { Button(action: ..

오늘은 인프런 강의를 들어보았다. 인프런에 들어가서 SwiftUI를 검색했고, 무료 강의 하나를 선택하게 되었다. [지금 무료]SwiftUI 초급 강의 - 기본 개념 익히기| Hohyeon Moon - 인프런 강의현재 평점 4.7점 수강생 3,141명인 강의를 만나보세요. SwiftUI를 통해 한 번의 배움으로 모든 애플 플랫폼의 앱을 만들 수 있게 되었습니다. 애플 플랫폼이란 iOS, iPadOS, macOS, watchOS, tvOS를 일컫는데요www.inflearn.com 커리큘럼은 다음과 같다.총 20개의 강의로 이루어져 있고, 총 강의 시간은 35분 정도 되는 것 같다. [ Alert 기본 사용 방법 ]import SwiftUIstruct ContentView: View { @State ..

🎯 SwiftUI[ 1. Array, Dictionary, Set ]import SwiftUIstruct ContentView: View { let name: [String] = ["Heo", "Kim", "Lee"] let engKrDictionary: [String:String] = ["Hello":"안녕", "Apple":"사과", "Swift":"스위프트"] let houseAnimals: Set = ["🐶", "🐱", "🐦", "🐦"] let farmAnimals: Set = ["🐮", "🐷", "🐔", "🐶", "🐥", "🐱"] var body: some View { // Array, Dictionary, Set VStac..

🎯 SwiftUI[ 1. SwiftUI란 ]SwiftUI는 애플의 모든 플랫폼(iOS, macOS, watchOS, tvOS)에서 사용할 수 있는 선언형(Declarative) UI 프레임워크이다.기존의 UIKit이 "어떻게(How)" 그릴지 명령하는 방식이었다면, SwiftUI는 "무엇(What)"을 보여줄지 정의하는 방식이다. [ 2. SwiftUI의 핵심 개념 ]선언형 프로그래밍 (Declarative vs Imperative) 기존 UIKit에서는 버튼의 색상을 바꾸기 위해 인스턴스를 생성하고 속성을 변경하는 과정을 일일이 코딩했다.SwiftUI에서는 상태(State)에 따라 화면이 어떻게 보여야 하는지 선언만 하면 된다.UI = f(State)화면은 상태에 대한 함수 결과물이라고 생각하면..