iOS/SwiftUI

👋 들어가기 전기본으로 제공해주는 Tabview를 이용한 Carosel은 내가 원하는 애니메이션과 화면에 보여질 상황을 연출하기 쉽지 않아 커스텀으로 많이 만들었다. 이번 시간은 Kavsoft님의 Snap Carousel을 참고하여 어떤 식으로 만들었는 지 살펴보자.✊Snap Carousel이란먼저 Snap Carousel이 무엇인지 살펴보자. Snap Carousel은 사용자가 스크롤하거나 드래그할 때 특정 아이템(뷰)이 정렬되도록 고정(Snap)되는 캐러셀(Carousel) UI이다. 보통 일반적인 캐러셀(Carousel)은 부드럽게 스크롤이 되지만, Snap Carousel은 사용자가 손을 떼면 가장 가까운 아이템을 기준으로 자동 정렬되며, 페이지 형식으로 이동된다.☝️필요한 변수먼저 외부로부터 ..

👋 들어가기 전SwiftUI에서 스크롤 뷰를 이용할 때 자주 등장하는 함수인 scrollTargetLayout을 살펴보자. 이번 포스틍일 기점으로 사이드 프로젝트 또는 KavSoft님의 강의를 클론코딩하면서배우게되는 것들을 간략하게 포스팅으로 만들어서 정리해볼까한다. ✊역할스크롤 타겟으로 사용할 레이아웃을 지정 조금 더 정확하게 말하면  ViewAlignedScrollTargetBehavior 과 같이 사용되며 정확하게 정렬될 수 있도록 한다.스크롤 뷰 안에서 메인 반복 컨텐츠를 포함하는 LazyStack, Vstack, Hstack 과 같은 곳에사용된다.☝️왜  ViewAlignedScrollTargetBehavior 와 함께??scrollTargetBehavior는 스크롤 될 뷰들이 어떤 느낌으로 ..

👋 들어가기 전이번 포스팅은 다소 낯선 개념이다.바로 textfielStyle이다.  Style Suffix가 붙은 애들은 앞에 View들의 스타일을 쉽게 변경할 수 있도록 도와주는 프로토콜이다. 즉, 우리의 첫번째 Style은 TextField다.✊기본 TextFieldStyle먼저 기본적으로 제공해주는 요소를 보자. static varsupporting types설명.automaticDefaultTextFieldStyle플랫폼에 따른 기본 스타일 .planePlanTextFiledStyle스타일이 없는 형태.roundBorderRoundedBorderTextFieldStyle둥근 테두리.squareBorderSquareBorderTextFieldStyle사각형 테두리 (iOS 16+) VSta..

👋 들어가기 전본격적으로 사이드 프로젝트에서 사용할 다양한 뷰들을 정리해보자. 첫번 째 포스팅은 TabView이다.✊TabView란✨ 목적다양한 자식 뷰들을 전환해주는 뷰🚧 구성생성먼저 생성자를 살펴보자.Tab 구조체를 통해 간단히 생성할 수 있다. Tab에 대한 내용은 아래에서 살펴보자. TabView { Tab("Received", systemImage: "tray.and.arrow.down.fill") { Text("Hello") } Tab("Sent", systemImage: "tray.and.arrow.up.fill") { Text("Hello") } Tab("Account", systemIm..

이전 포스팅에서는 SwiftUI -> UIKit에서 사용하는 방법론을 알아봤다.이번에는 UIkit에서 SwiftUI로 사용하는 법을 알아보자.  정의 UIkit의 UIview를 SwiftUI 계층에서 쓰기 위한 래퍼 프로토콜이다. 더 자세히는 다음과 같다고한다.이번 시간도 저번 포스팅과 같이 UITextField가 수정되면 swiftUI의 View의 백그라운드 색깔을 바꿔보자.구현UIViewRepresentable 채택한다.Coordinator를 만든다.updateUIView를 구현한다makeUIView를 구현한다makeCoordinator구현한다.swiftUI에서 생성 후 바인딩해주기1. UIViewRepresentable를 채택여기서 context와 coordinator라는 개념이 나오는데 하나씩 알..