본문 바로가기

SwiftUI4

[SwiftUI] Text Text A view that displays one or more lines of read-only text 한 줄 이상의 읽기 전용 text를 표시하는 뷰입니다. Text 뷰를 만들고 그 안에 표시할 텍스트를 지정합니다. import SwiftUI struct ContentView: View { var body: some View { Text("Hello, SwiftUI!") } } 텍스트 스타일 적용하기 .font()를 사용해 텍스트의 글꼴 크기와 스타일을 지정할 수 있습니다. Text("Hello, SwiftUI!") .font(.title) .title, .caption 등 사전에 정의된 텍스트 스타일을 사용할 수 있습니다. Text("Hello, SwiftUI!") .font(.system(s.. 2024. 4. 18.

[SwiftUI] Stack (VStack/HStack/ZStack) Stack 뷰를 수직 또는 수평으로 정렬하는 데 사용되는 컨테이너입니다. Stack을 사용해서 여러개의 뷰를 그룹화하고 레이아웃을 구성할 수 있습니다. VSatck 뷰를 수직으로 쌓는 스택입니다. 선언된 순서대로 뷰들은 위에서 아래로 쌓이게 됩니다. import SwiftUI struct ContentView: View { var body: some View { VStack { Text("First View") Text("Second View") Text("Third View") } } } Alignment VStack에서 alignment 매개변수를 통해 하위 뷰의 정렬 방법을 지정할 수 있습니다. .leading을 선택하면 왼쪽을 기준으로, .trailing을 선택하면 오른쪽을 기준으로, .cente.. 2024. 4. 8.

[SwiftUI] Property Wrappers Property Wrappers property wrapper는 프로퍼티에 custom 한 동작을 추가할 수 있는 기능입니다. 프로퍼티에 대한 접근을 래핑 하여 추가 로직이나 동작을 캡슐화 합니다. 이를 통해 코드의 재사용성, 가독성 및 유지 보수성을 향상시킬 수 있습니다. @State view의 상태를 관리하는 데 사용됩니다. view 내부 데이터가 변경되면 자동으로 view를 업데이트합니다. 가변 값으로 취급되며, 뷰가 생성될 때 해당 값이 초기화되고, 사용자 상호 작용 또는 외부 이벤트에 따라 값이 변경될 수 있습니다. 뷰 내부에서 사용되기 때문에 private으로 선언하는 것을 권장합니다. import SwiftUI struct ContentView: View { @State private va.. 2024. 4. 4.

[SwiftUI] SwiftUI란? SwiftUI WWDC2019에서 발표한 프레임워크 모든 애플 플랫폼(iOS, iPadOS, macOS, watchOS, tvOS)에서 사용자 인터페이스를 만들 수 있게 해주는 개발 패러다임 최소한의 코드 만으로 Swift의 성능을 사용하여 모든 애플 플랫폼에서 사용할 수 있는 앱을 만들 수 있도록 도와줌 SwiftUI 4가지 원칙 선언형 프로그래밍 방식 각 과정을 어떻게 수행해야 할지가 아닌 무엇을 하고 싶은지를 정의하는 방식 개박자가 원하는 UI를 프레임워크에 설명하면 세부 구현은 프레임워크가 대신 처리 자동화 많은 기능을 자동으로 수행될 수 있도록 제공 autolayout 코드들이 제거, 화면 전환과 관련된 기능들도 자동화로 단순하게 구현 가능 조합 큰 view를 작은 view로 나누거나, view.. 2023. 3. 15.

이전 1 다음

티스토리툴바