안녕하세요 :D 망고입니다🥭 SwiftUI로 Sticky Header 만드는 방법에 대해 알아보겠습니다. Sticky Header란? 사용자가 화면을 아래로 스크롤 할 때 화면 상단에 고정되는 뷰를 말합니다. 처음엔 Sticky Header라는 용어를 몰라서 한참 찾아봄 ㅠㅠ LazyVStack의 pinnedViews라는 옵션을 통해 설정할 수 있다. [.sectionHeaders]를 통해 상단에 고정시키도록 설정했고, post, liked 부분을 filterBar로 구현 한 다음 Section(header: filterBar)에 넣어주었다. private var StickyHeader: some View { LazyVStack(pinnedViews: [.sectionHeaders]) { Section(..

안녕하세요 :D 망고입니다🥭 SwiftUI로 TabView 만드는 방법에 대해 알아보겠습니다. TabView TabView는 Uikit의 UITabBarController라고 생각하면 됩니다. 만드는 방법은 Uikit에 비해 매우 간단합니다. var body: some View { TabView { FirstView() .tabItem { Image(systemName: "1.circle") Text("First") } SecondView() .tabItem { Image(systemName: "2.circle") Text("second") } ThirdView() .tabItem { Image(systemName: "3.circle") Text("third") } } } TabView안에 각각의 Vie..

안녕하세요 :D 망고입니다🥭 SwiftUI로 Firebase와 연동한 Apple 로그인 하는 방법에 대해 알아보겠습니다. Firebase Firebase 홈페이지에서 새 프로젝트를 생성하고 Authentication로 간 뒤 Sign-in-method에서 새 제공업체 추가를 누르고 Apple을 추가해준다. 그 다음 Xcode로 돌아와 SPM을 이용해 firebase SDK(github.com/firebase/firebase-ios-sdk.git) 를 설치한다. PROJECT -> Package Dependencies -> + 버튼 클릭 firebase-ios-sdk를 설치해주고 FirebaseAuth를 선택해 Add Packge해준다. Apple Apple 로그인을 사용하기 위해서 https://deve..

안녕하세요 :D 망고입니다🥭 SwiftUI의 System Icons에 대해 알아보겠습니다. System Icons Apple에서 기본 제공되는 아이콘들이다. 기본적인 사용 방법 Image(systemName: "아이콘 이름") Image(systemName: "heart") //빈 아이콘 Image(systemName: "heart.fill") //채워진 아이콘 이런식으로 systemName: 아이콘 이름을 해주면 된다. 아이콘 이름은 https://developer.apple.com/sf-symbols/을 다운 받으면 편하게 볼 수 있다. 옵션들 .font(.system(size: 36)) // 크기변경 .foregroundColor(.red) // 색상변경 .resizable() .scaledToFi..

안녕하세요 :D 망고입니다🥭 SwiftUI의 Gradients에 대해 알아보겠습니다. Gradient Gradient를 이용하면 배경색에 그라데이션 효과를 줄 수 있다. LinearGradient colors : 원하는 색상 입력 startPoint : 시작지점(UnitPoint) endPoint : 종료지점(UnitPoint) LinearGradient( colors: [Color.red, Color.blue], startPoint: .leading, endPoint: .trailing ) UnitPoint RadialGradient colors : 원하는 색상 입력 center : 중앙지점(UnitPoint) startRadius : 시작반경 endRadius : 종료반경 RadialGradient(..

안녕하세요 :D 망고입니다🥭 SwiftUI의 Navigation dismiss에 대해 알아보겠습니다. iOS 15.0+ private struct SheetContents: View { @Environment(\.dismiss) private var dismiss // 환경변수 선언 var body: some View { Button("Done") { dismiss() // 사용 } } } 먼저 환경변수를 선언해준다음 dismiss() 해주면 된다.