ios Note

SwiftUI 목적 : 앱 개발을 더 쉽고 빠르게 함과 동시에 소프트웨어를 개발할 때 일반적으로 발생하는 버그를 줄이는 것 라이브 프리뷰 기능을 이용하여 실시간으로 테스트 가능 스위프트의 장점은 선언적 구문(declartive syntax)과 데이터 주도(data driven) 기반에서 비롯됨 UIKit과 인터페이스 빌더 선언적 구문에 대한 의미와 장점을 이해하려면 UI 레이아웃이 SwiftUI 이전엔 어떻게 설계됐는지 알아야 함 SwiftUI 도입 이전에는 iOS 소프트웨어 개발 키트(Software Development Kit, SDK)를 구성하는 여러 프레임워크와 함께 UIKit 이용하여 개발함 UI 레이아웃을 설계하도록 Xcode에서는 인터페이스 빌더 도구가 포함됨 앱을 구성하는 각각의 화면을 담..

@Binding - SwiftUI에서 사용되는 프로퍼티 래퍼(wrapper) 중 하나로, 데이터의 양방향 바인딩을 생성하는 데 사용 - '@Binding' 을 사용하면 부모 뷰로부터 전달된 데이터를 자식 뷰에서 수정할 수 있음 - 보통 부모 뷰에서 자식 뷰로 데이터를 전달할 때, 데이터는 일방향을 전달됨 부모 뷰에서 자식 뷰로 데이터를 전달하고 나면, 자식 뷰에서 그 데이터를 수정하여 다시 부모 뷰로 전달하기 위해선 추가 작업이 필요 → '@Binding'을 사용하면 부모 뷰와 자식 뷰 간의 데이터 흐름을 양방향으로 만듦 즉, 부모 뷰로부터 받은 데이터를 자식 뷰에서 변경하면 부모 뷰에서도 자동 변경 @State 관련 게시물 코드를 이용함 2023.08.19 - [분류 전체보기] - SwiftUI - @..

@State - SwiftUI에서 사용되는 프로퍼티 래퍼(wrapper) 중 하나로, 데이터의 변경 사항을 추적하고 뷰를 업데이트하는 데 사용 - 상태 변화에 따라 자동으로 뷰를 갱신하는데 중요한 역할을 수행 - @State로 선언한 변수의 값이 변경되면 SwiftUI는 자동으로 해당 변수가 속한 뷰의 내용을 다시 렌더링하여 화면에 반영 - 뷰와 데이터가 항상 동기화되어 사용자 인터페이스를 갱신하는 데 편리함 제공 선언 방법 @State private var myValue: DataType = initialValue 사용 예) 저번 게시물에서 사용했던 코드를 이용하여 @state를 사용하겠음 참고 → 2023.08.17 - [분류 전체보기] - SwiftUI - 튜토리얼 import SwiftUI str..

SwiftUI - 사용자 인터페이스(UI)를 구축하기 위한 프레임워크 - UIKit, AppKit과 같은 UI 프레임워크보다 더 간결하고 직관적인 코드 작성을 지원하며, 코드의 재사용성을 증가시킴 기본 화면 화면을 그리는 코드 struct Tutorial: View { var body: some View { Text("Hello, World!") } } - 'Tutorial' 이라는 구조체를 선언 - 이 구조체는 'View' 프로토콜을 따르는 SwiftUI 뷰 - 'body' 리는 컴퓨티드 프로퍼티를 선언 - 이 프로퍼티는 실제로 뷰의 내용을 반환하는 역할 - 'some View' : 반환 타입으로 모든 유형의 SwiftUI 뷰를 의미 * 컴퓨티드 프로퍼티 : 값을 저장하는 것이 아니라 계산에 의해 값을..

컨테이너 뷰 (Container Views) - 사용자 인터페이스(UI) 요소들을 그룹화하고 배치하는 데 사용되는 SwiftUI의 기능 - 하위 뷸들을 묶어 하나의 단위로 다룰 수 있도록 도와주어 UI를 구조적이고 조직적으로 만드는 역할을 함 - 종류 (VStack, HStack, ZStack, List, ScrollVIew, Group 등) VStack (Vertical Stack) - 하위 뷰들을 수직으로 쌓아 올림 - 위에서 아래로 배치 - VStack : 하위 뷰들을 수직으로 쌓음 - alignment 파라미터 : '.leading' 을 사용하여 좌츨 정렬 - spacing 파라미터 : 각 요소들 간의 수직 간격 (패딩)을 50으로 지정 - "VStack" 라는 텍스트와 3개의 사각형 표시 - V..