전체 글
-
[SwiftUI] Lazy한 Stack과 GridSwiftUI 2024. 1. 22. 13:59
오늘은 Lazy한 Stack과 Grid의 사용법에 대해서 알아보자!👩🏻🍳 Lazy? Lazy는 '게으른'이라는 의미로 많은 양의 데이터를 처리할 때 보다 효율적이고 적은 메모리 사용량으로 앱의 성능을 향상시킨다. 기본 Stack은 선언되면 즉시 모든 View를 로드하는 반면 List와 Lazy 컴포넌트들은 필요한 시점에만 View를 로드하여 보다 효율적으로 사용할 수 있다. LazyVStack / LazyHStack LazyVStack과 LazyHStack은 각각 세로 및 가로 방향의 스택을 생성한다. 기존의 Stack은 빌드하면 모든 View를 생성하고 로드하게 되는데 많은 양의 데이터를 처리할 때는 비효율적이다. 반면 LazyStack들은 화면에 표시되는 부분만 View를 로드하기 때문에 많은 데이..
-
[SwiftUI] List와 ForEach 사용법SwiftUI 2024. 1. 17. 16:04
복잡한 UI 요소들을 한 번에 설명하기엔 너무 많은 양이 될 것 같아서 부분적으로 끊어서 학습하기로 한다. 오늘은 List와 ForEach의 사용법에 대해서 알아보자!👩🏻🍳 List? List는 SwiftUI의 주요 구성 요소 중 하나로, 여러 행의 데이터를 표시하는데 사용된다. UIkit의 테이블 뷰와 유사하며, 각 행은 독립적인 View로 구성할 수 있다. List는 자체적으로 상태를 저장하지 않고 주어진 데이터를 기반으로 UI를 생성하고 업데이트한다. 항상 최신 상태의 데이터가 반영되도록 보장하며 데이터가 변경될 때마다 List는 자동으로 업데이트된다. List는 다양한 기능과 함께 사용될 수 있다. ForEach, Section, NavigationLink 등으로 복잡한 UI를 구성할 수 있다...
-
[SwiftUI] 기본적인 UI 요소와 그 사용법 (2)SwiftUI 2024. 1. 15. 11:02
이번 시간에는 SwiftUI의 기본적인 UI 요소 (Slider, Toggle, Picker, Alert, ActionSheet) 를 알아보고 직접 사용해보자 👩🏻🍳 Slider Slider는 사용자가 값을 드래그를 통해 선택할 수 있게 해주는 UI 요소이다. 볼륨 조절이나 밝기 조절 등에 주로 사용된다고 보면 된다. Slider Apple 공식 문서 Slider | Apple Developer Documentation A control for selecting a value from a bounded linear range of values. developer.apple.com 사용 방법 // MARK: -Slider 예시 코드 @State private var value = 0.5 Slider(va..
-
[SwiftUI] 기본적인 UI 요소와 그 사용법 (1)SwiftUI 2024. 1. 12. 16:23
이번 시간에는 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..
-
[SwiftUI] SwiftUI 프로젝트 주요 파일 알아보기SwiftUI 2024. 1. 11. 15:29
오늘은 본격적으로 SwiftUI 기초부터 학습하며 기록해보자 👩🏻🍳 SwiftUI란? 기존에는 UI 구축할 때 플랫폼마다 다른 프레임워크를 사용했다. UIkit은 iOS, tvOS를, AppKit은 macOS를, WatchKit은 watchOS를 사용했다. 다양한 플랫폼을 개발하기 위해서는 여러 프레임워크를 공부하며 개발이 필요했다. 애플은 2019년 새로운 프레임워크인 SwiftUI를 공개했고, 이는 애플의 모든 플랫폼 앱을 하나의 프레임워크로 개발할 수 있게 되었다. SwiftUI는 선언형 UI(Declarative UI) 방식의 코드 작성으로 배우기 쉽고, 읽기 쉽고, 이해하기 쉽다. 기존의 UIkit에 비해 간결하면서도 직관적이라는 점이 장점이다. SwiftUI 프레임워크를 코드에 적용시키기 위..
-
[SwiftUI] Stack(VStack, HStack, ZStack) 이해하기SwiftUI 2024. 1. 10. 19:00
오늘은 스윗한 SwiftUI를 공부하면서 UI에서 가장 중요한 부분인 Stack에 대해서 알아보았다. 1. VStack VStack은 Vertical Stack의 약자로, 수직으로 쌓아 올리는 방식을 말한다. 즉, VStack 안에 있는 요소들은 수직으로 배치된다. [실습해보기] VStack { Text("Hello, World!") Text("This is VStack") } 2. HStack HStack은 Horizontal Stack의 약자로, 수평으로 배열하는 방식을 말한다. 즉, HStack 안에 있는 요소들은 수평으로 배치된다. [실습해보기] HStack { Text("Hello, World!") Text("This is HStack") } 3. ZStack ZStack은 Depth Stack..
-
[SwiftUI] .DS_Store 파일은 왜 생길까?SwiftUI 2024. 1. 9. 19:00
.DS_Store 파일이란? .DS_Store 파일은 macOS 운영 체제에서 폴더의 메타 데이터와 설정을 저장하는 숨겨진 파일이다. 근데 실제 앱 개발에는 필요하지 않다. .DS_Store 파일을 삭제하는 이유 이 파일은 Xcode와 같은 개발 도구가 프로젝트 폴더에 자동으로 .DS_Store 파일을 생성된다. 물론 혼자 개발하면 있으나 없으나 상관없지만, 다른 개발자와의 협업에서는 파일이 충돌할 수 있다. 따라서 개발에는 필요하지 않은 파일이기에 지워주는 것이 깔끔하다. (1) 깃허브에 프로젝트 파일 업로드 전에 미리 파일을 삭제하고 gitignore 파일과 함께 올리거나, (2) 이미 올라가 있다면 이 파일을 모두 삭제해준 후 git add 해주거나! .DS_Store 파일을 삭제하는 방법 터미널에..