로이팩토리

How to Set Up Text in TextField 1. 기본 모드 2. 가로 모드 3. 세로 모드 4. 최대 줄 수 제한 5. 기본 줄 수 지정 6. 최소 / 최대 줄 수 지정 전체 소스 How to Set Up Text in TextField SwiftUI에서 Text 입력을 받기 위해서 TextField를 사용하게 됩니다. (Android의 EditText, HTML의 input, textarea와 동일) 가정 1. value값이 아래와 같이 3줄 짜리 문자열로 이뤄져 있다고 가정합니다. @State var value = "안녕하세요.\r\n" + "두 번째 줄입니다.\r\n" + "세 번째 줄입니다."; 가정 2. 가시성을 위해 각 TextField에는 roundedBorder Style을 ..

1. 화면 이동 소스 2. 실행 결과 3. dismiss 적용 소스 4. iOS15 이후 dismiss 1. 화면 이동 소스 일반적으로 SwiftUI에서는 NavigationView나 NavigationStack 등을 이용하면 아래와 같이 Navigation의 '뒤로가기' 버튼이 자동 활성됩니다. import SwiftUI // View 페이지 struct TestView: View { var body: some View { NavigationView { NavigationLink(destination: TestView02()){ Text("TestView02로 이동") } } } } // View 페이지 (다음 페이지) struct TestView02: View { var body: some View ..

How to use views with "@Binding" in Preview 해결방법 전체 테스트 소스 How to use views with "@Binding" in Preview SwiftUI를 @Binding을 사용하는 경우가 있고, 이때 미리 보기에서 아래와 같은 오류를 접하곤 합니다. Cannot convert value of type 'String' to expected argument type 'Binding' 이는 Binding 변수인 value에 일반 문자열 값이 들어왔기 때문입니다. 다른 View에서 이 TestView를 이용할 경우에는 아래와 같이 @State를 이용하면 문제가 없지만, struct UseView: View { @State private var input = "Bin..

1. 기본 문법 2. if - else 3. 삼항연산자 활용 1. 기본 문법 조건문 ? TRUE값 : FALSE값 물음표(?)를 기준으로 왼쪽에 조건문 (Bool Type의 True나 False로 결과를 도출하는 문장)이 있어야 하며, 두 개 이상의 조건문은 괄호와 AND( && ) / OR( || )를 활용하여 한 개의 결과로 작성해주어야 합니다. 그 뒤로 콜론( : )을 기준으로 왼쪽은 조건문의 결과가 True일때 Return 값 오른쪽은 조건문의 결과가 False일 때 Return 값 입니다. 2. if - else 이는 if - else로 변환하면 아래와 같이 표기할 수 있습니다. if 조건문 { TRUE값 } else { FALSE값 } 이 부분이 유용하게 쓰이는 부분은 parameter에 조건..

1. 기본 사용 방법 2. 라벨 추가 3. 변수 추가 4. Event Handle 5. 체크박스 만들기 1. 기본 사용 방법 Toggle(isOn:.constant(true)){ // do action } fullwidth로 우측에 스위치가 생성됩니다. iOS에서는 checkbox보다 toggle이라는 개념을 더 많이 활용하는 것 같습니다. (기존 checkboxstyle은 deprecated 되었다는데, 제가 못 찾은 걸 수도 있고요.) 2. 라벨 추가 Toggle(isOn:.constant(true)){ Text("라벨입니다. #1") } Toggle(isOn:.constant(true), label: { Text("라벨입니다. #2") }) 1번과 2번 방식으로 View를 추가하여 Label을 추가..

How to add dynamic items to the List 1. 데이터 모델 생성 2. List Row Item View 생성 3. 목록 생성 4. 미리보기 5. 테스트 전체 소스 How to add dynamic items to the List App에서 가장 많이 쓰이는 게 List입니다. (전적으로 제 기준). 보통 정적 리스트는 메뉴의 성격을 띠는 변하지 않는 시스템 메뉴에 많이 사용되고, 그 외의 대부분은 동적으로 리스트를 할당하여 사용하게 됩니다. 만약 위와 같이 제목과 내용으로 이루어진 화면을 만든다고 가정한다면 1. 데이터 모델 생성 struct Board: Identifiable { let id = UUID() let title : String let content : String..

What is the Structure of Swift? SwiftUI 애플리케이션 구조 What is the Structure of Swift? SwiftUI는 Apple의 iOS, macOS, watchOS 및 tvOS 애플리케이션을 개발하기 위한 사용자 인터페이스 프레임워크입니다. SwiftUI는 선언적인 방식으로 사용자 인터페이스를 구축할 수 있게 해주는 혁신적인 접근 방식을 제공합니다. SwiftUI 애플리케이션 구조 SwiftUI 애플리케이션은 다음과 같은 구조로 이루어져 있습니다 구분 내용 App 애플리케이션의 진입점을 나타냅니다. 주로 @main 어트리뷰트가 있는 구조체 형태로 정의됩니다. 애플리케이션 수명주기와 초기 구성을 설정하는 역할을 합니다. ContentView 애플리케이션의 주요..

How to sort arrays in order 1. 객체 생성 2. 테스트 데이터 생성 3. 현재 데이터 출력 4. 오름차순 정렬 (Ascending) 5. 내림차순 (Descending) How to sort arrays in order 객체에 담긴 목록의 경우 정렬이 필요한 경우가 많습니다. 이 경우, 아래와 같이 오름차순과 내림차순으로 정렬 가능합니다. 메서드 내용 sortBy 특정항목 기준으로 내림차순 정렬합니다. sortByDescending 특정항목 기준으로 오름차순 정렬합니다. 1. 객체 생성 data class Product ( val name : String, val price : Int ) 상품명과 가격 정보를 갖는 데이터 모델 객체를 생성합니다. 2. 테스트 데이터 생성 val a..

1. 기본 문법 #1 2. 기본문법 #2 3. 전체소스 // 기본 문법 #1 for i in 1..n { // TODO } // 기본 문법 #2 for item in list { // TODO } 1. 기본 문법 #1 특정 숫자까지의 반복문을 사용하고 싶은 경우 아래와 같이 사용 가능합니다. 만약 2000년부터 2023년까지의 연도를 출력하고 싶은 경우 print("2000년부터 2023년까지 출력 [방법 #1]") for year in 2000...2023 { print("this year is \(year)") } print("2000년부터 2023년까지 출력 [방법 #2]") for year in stride(from: 2000, to: 2023, by:1) { print("this year is ..

방법 #1 방법 #2 방법 #3 방법 #4 방법 #5 전체소스 방법 #1 var text01 = "안녕하세요" text01 = text01 + " (방법 #1)" 방법 #2 var text02 = "안녕하세요" text02 += " (방법 #2)" 방법 #3 var text03 = "안녕하세요" text03 = "\(text03) (방법 #3)" 방법 #4 var text04 = "안녕하세요" text04.append(" (방법 #4)") 방법 #5 var text05 = "안녕하세요" text05 = [text05, " (방법 #5)"].joined() 전체소스 import SwiftUI // View 페이지 struct TestView: View { init() { self.test() } var b..