2022/11 (18) 썸네일형 리스트형 05. 기본 UI 구성하기 #5 기본 UI 구성하기 #5 SideMenuView & ContentView SideMenuView | UserStatsView var userInfoDetails: some View { VStack(alignment: .leading, spacing: 4) { HStack { Text("Archimedes") .font(.title2).bold() Image(systemName: "checkmark.seal.fill") .foregroundColor(Color(.systemBlue)) } Text("@mathematician") .font(.subheadline) .foregroundColor(.gray) Text("Eureka!") .font(.subheadline) .padding(.vertical) .. 04. 기본 UI 구성하기 #4 기본 UI 구성하기 #4 ExplorerView, UserRowView 사용자 검색을 위한 화면을 구성한다. UserRowView 더보기 Source struct UserRowView: View { var body: some View { HStack(spacing: 12) { Circle() .frame(width: 45, height: 45) VStack(alignment: .leading, spacing: 4) { Text("user1") .font(.subheadline).bold() .foregroundColor(.black) Text("almost admin") .font(.subheadline) .foregroundColor(.gray) } Spacer() } .padding(.horizont.. KB스타뱅킹 6.2.6 통신사 인증 버그 서론 KB스타뱅킹 앱은 어째서인지 업데이트를 하면 높은 확률로 KB인증서 오류가 생긴다. 앱에 KB인증서가 존재하지만, 해당 인증서로 로그인은 할 수 없지만 해당 인증서를 사용하는 KB페이와 같은 계열사의 앱은 또 사용이 가능한 희한한 오류다. 이번엔 유독 짜증이 나서 컴플레인도 걸고 조금 버티다가 오늘에서야 재발급을 받기로 했다. 이번에 찾은 버그는 이 'KB인증서 발급' 과정 중 발생한 버그다. 본론 문제 발급 과정 중 개인정보를 다 입력하면 두 번째 사진과 같이 특정 번호로 문자를 하나 발송하게 된다. 문제는 그다음부터는 진행할 수가 없다. 해당 단계는 '모바일 인증서 가능 여부 확인 > 인증번호 요청'의 단계 사이에 문제가 발생한 경우로, 보낸 문자가 제대로 들어가지 않았거나 통신사 측의 전산 오.. [~2022.09.30] 일상, 예술의 전당, 캠핑, 애플스토어 잠실, (Ricoh GR 3x, iPhone 13 mini) 서론 사용한 카메라는 Ricoh GR3x와 iPhone 13 mini 아이폰으로 촬영한 사진이 월등히 적기 때문에 별도로 기재해 두겠다. 보정은 없음. 본론 9월 1일 | 부천 아버지와 리모델링했다는 도서관 구경하러 나갔다 오는 길에 찍은 하늘. 9월 2일 | 남양주 코흘리개 때 자주 데려 왔었다던 '현' 다산 생태 공원 예쁘게 꾸며 놓기는 했는데 앵글에 이래 저래 걸리는 게 많아서 아쉬웠다. 9월 3일 | 숭실대학교 갑자기 빵돌이가 되겠다며 베이킹을 배우기 시작한 Whale... 바쁜 시간을 쪼개 스터디에 나오면서도 이렇게 그날의 간식을 날랐다. 맛도 괜찮던데 진짜로. 9월 7일 | 집 늦봄에 심었던 단풍나무 씨는 어느새 아래에 수피가 생기기 시작했다. 많이도 심었는데 아무도 모를 겨울을 나는 녀석은 .. 03. 기본 UI 구성하기 #3 기본 UI 구성하기 #3 ProfileView ProfileView | tweetFilterBar 향후 해당 계정의 Tweet을 불러올 때 사용할 버튼을 구상한다. 세 개의 항목이 존재하고, 바로 아래에는 밑줄과 같은 인디케이터가 존재하는 것이 특징이다. 더보기 Source var tweetFilterBar: some View { HStack { ForEach(TweetFilterViewModel.allCases, id: \.rawValue) { item in VStack { Text(item.title) .font(.subheadline) .fontWeight(selectedFilter == item ? .semibold : .regular) .foregroundColor(selectedFilter =.. 02. 기본 UI 구성하기 #2 기본 UI 구성하기 #2 MainTabView & ProfileView MainTabView 이전에 구현한 FeedView를 시작으로, 이후에 구현할 SearchView, NotificationView, MessageView를 포함한 TabView를 추가한다. 더보기 Source struct MainTabView: View { @State private var selectedIndex = 0 var body: some View { TabView(selection: $selectedIndex) { FeedView() .onTapGesture { self.selectedIndex = 0 } .tabItem { Image(systemName: "house") }.tag(0) ExploreView() .onTa.. 01. 기본 UI 구성하기 #1 기본 UI 구성하기 #1 TweetRowView & FeedView TweetRowView Twitter의 글들은 Tweet으로 불리고, 위와 같은 레이아웃을 가진다. 더보기 Source struct TweetRowView: View { var body: some View { VStack(alignment: .leading) { //profile image & user info & tweet HStack(alignment: .top, spacing: 12) { Circle() .frame(width: 56, height: 56) .foregroundColor(Color(.systemBlue)) //user info & tweet caption VStack(alignment: .leading, spacin.. 33. AppStorage & SceneStorage AppStorage & SceneStorage AppStorarage와 SceneSotrage는 사용자의 선택사항을 저장한다. 둘을 사용하지 않고도 CoreData, Text file, Binary File을 사용해 구현하는 것도 가능하지만, 초기화 코드가 필요하고, 이를 위한 코드의 양이 만만치 않다. 따라서 SwiftUI에서는 OS가 제공하는 Default System이라는 기본 형식을 저장하는 기본 DB를 사용해 이를 간단히 해결할 수 있다. 이는 userDefaults로 Dictionary와 비슷하게 기능한다. AppStorage와 SceneStorage는 비슷하게 기능하지만. 이름대로 각각 App 전체와 특정 Scene에서 유효하다는 차이가 존재한다. @State private var numbe.. 32. CoreData #2 CoreData #2 검색 기능 List { ForEach(members) { member in Button { editTarget = member } label: { HStack { Text(member.name!) .foregroundColor(.primary) Spacer() Text("\(member.age)") .foregroundColor(.secondary) } } } .onDelete(perform: delete(at:)) } .searchable(text: $keyword) .onChange(of: keyword, perform: { newValue in members.nsPredicate = newValue.isEmpty ? nil : NSPredicate(format: "name CO.. 31. CoreData #1 CoreData #1 SwiftUI에서 CoreData를 사용해 CRUD를 구현해 본다. CoreData에는 MemberEntity가 존재하고, name과 age를 저장한다. SwiftUI에서 CoreData에 접근하는 방식은 UIKit에서 싱글톤 객체를 생성한 다음 mainContext에 접근하는 방식이 아닌, CoreData 자체를 공유 데이터로 설정해 각 View에서 접근하는 방식을 주로 사용한다. CoreData를 공유 데이터로 설정하기. @main struct DataPersistenceApp: App { let manager = CoreDataManager.shared var body: some Scene { WindowGroup { MainList() .environment(\.managed.. 이전 1 2 다음
