SwiftUI6

• 

  2022 WWDC SwiftUI의 새로운 기능! [ iOS 16, Xcode 14 ] 본 게시글은 Anupam Chugh 님의 게시글을 번역 / 의역 한 자료 입니다. 목차 2022 WWDC 2022 WWDC 이벤트가 6월 7일 오전 2시에 시작했습니다. 이번 WWDC에서도 마찬가지로 SwiftUI 에 다양한 기능이 추가되었습니다. 새로운 NavigationStack, SwiftUI 전용 차트 라이브러리, 그리고 Grid layout 개선 등 많은 장점들이 추가되었습니다. 이제, iOS 16에서 SwiftUI의 4가지 새로운 기능에 대해 알아보도록 하겠습니다. 이 기능들은 iOS 앱의 프론트엔드 UI와 UX를 향상하는 데 주로 사용됩니다. 추가된 기능 Charts Charts는 완전히 새로운 SwiftUI 전용 프레임워크입니다. 이제 SwiftUI를 사용하여 data visualizati.. SWIFTUI/Others 2022. 6. 10.

• 

  SwiftUI : App Icon SwiftUI를 다시 시작하면서 기본적인거부터 포스팅 해나가아려고 한다. 아주 기초적인것부터 포스팅할 예정이기 때문에 이미 알고계신 분들은 스킵하는것을 추천한다. App Icon 앱을 만들 때 가장 기본적인 App Icon을 적용하는 방법은 두 가지 방법이 있는데, 우선 앱에 적용 시킬 아이콘은 생성해야 한다. 본인이 원하는 앱아이콘 파일을 준비하고 아래 사이트에서 iOS 전용 아이콘으로 변환 할 수 있다. App Icon Generator AppIcon.appiconset 폴더를 살펴보면 성공적으로 png파일이 생성된것을 확인하면 준비는 끝이다. Xocde 적용 방법 우선 Xcode - Assets - AppIcon을 오른쪽 클릭하여 Show in Finder 메뉴를 통해 폴더에 들어가준다. AppIc.. SWIFTUI/Others 2022. 1. 4.

• 

  iPad에서 Playground를 통해 SwiftUI 코드 작성 안녕하세요. 이번에 새로 iPad의 코딩 프로그램인 Playground가 업데이트되면서 SwiftUI를 사용할 수 있게 되었습니다. ( 제가 사용한 버전은 3.4.1 입니다 ) iPad에서 SwiftUI를 코딩할 수 있는 방법에 대해 알려드리고자 합니다. 아래 영상을 통해 확인 부탁드립니다:) 코드는 영상 하단부에 남겨놓도록 하겠습니다. 😁 App Store [ Playground ] for iPad 다운로드 App Store [ Playground ] for Mac 다운로드 TIP 주의 현재 한글은 정상적으로 지원을 하지 않는 것 같습니다. 이 부분 참고해주세요. import SwiftUI import PlaygroundSupport struct Home:View { var body: some View.. TIP/iOS & MacOS TIp 2021. 4. 29.

• 

  SwiftUI : List (ListStyle / onDelete / onMove) 목차 List에 대해 알아보도록 합시다. List List는 단일 열에 정렬 된 데이터 행을 표시하는 컨테이너입니다. struct ContentView: View { var body: some View { List { Text("첫번째 리스트") Text("두번째 리스트") Text("세번째 리스트") } } } 정적 콘텐츠 List의 생성자에 원하는 뷰를 전달하면 하나씩 각 row에 담아 표현합니다. 여기서 뷰 하나는 row 하나에 해당합니다. TIP UIKit에서는 UITableView에서 내용을 표시할 뷰를 셀이라고 불렀다면, SwiftUI에서는 row라고 표현합니다. 다음과 같이 텍스트가 아닌 다른 이미지 뷰를 넣어 봐도 동일하게 List를 작성 할 수 있습니다. List { Text("List".. SWIFTUI/View layout 2021. 3. 9.

• 

  SwiftUI : Lottie Animation(애니메이션) Lottie Animation SwiftUI에서 Lottie Animaiton을 사용하는 방법에 대해 알아보도록 하겠습니다. 우선, 로티애니메이션을 사용하려면 cocoapods등을 통하여 Xcode 프로젝트에 추가해줘야합니다. 설치방법 1. airbnb - lottie-ios의 code 주소를 복사합니다. https://github.com/airbnb/lottie-ios.git 2. 프로젝트를 열고 File 👉🏻 Swift Packages 👉🏻 Add Package Dependency를 누른다. 3. 위 코드 주소를 넣고 설치를 진행합니다. (첫 설치시, 사용자의 컴퓨터 성능에 따라 시간이 소요 될 수 있습니다.) 4. Lottie가 설치 되었다면, 새로운 Swift File을 만들어 이름은 'Lotti.. SWIFTUI/View layout 2021. 2. 10.

• 

  SwiftUI : Overlay / Background / Alignment 목차 overlay / Background / Alignment에 대해 알아보겠습니다. ZStack overlay와 Background를 이용하면 ZStack에서 사용했던것 처럼 중첩된 뷰를 표현하는것이 가능합니다. 앞으로 자주 사용될 수식어이므로 함께 비교해서 알아봅시다. ZStack은 특성상 그 나중에 작성한 green사각형이 먼저 작성한 red사각형보다 뷰 계층에서 상위에 위치합니다. ZStack { Rectangle() .fill(Color.red) .frame(width: 150.0, height: 150.0) Rectangle() .fill(Color.green) .frame(width: 150.0, height: 150.0) .offset(x: 10.0, y: 10.0) } 이제 overla.. SWIFTUI/View layout 2021. 1. 22.