2022/12 (15) 썸네일형 리스트형 iOS 스크롤샷 이미지로 저장하기 iOS14 부터 기본 브라우저인 Safari에 한해 FullPage Screenshot(ScollShot)을 지원한다. 문제는 어째서인지 이걸 JPG나 PNG가 아니라 PDF로 저장하도록 해 놨다는 점인데, Web2Pics나 PicSew같은 유료 앱들을 사용하는 방법도 있지만 조금 번거롭기도 한 게 사실이고, 이를 단축어로 조금 편하게 해결할 수도 있다. 1.0 Pdf To Image www.icloud.com 문서화 구조도 매우 단순한 단축어다. 표시한 부분을 선택해 PNG가 아닌 원하는 형식으로 저장할 수도 있다. 동작 예시 스크린샷 창에서 공유 버튼을 눌러 사용하면 된다. [~2022.10.31] 홍대, 잠실, 성수, 영등포, 창덕궁, 할로윈 (Ricoh GR 3x, EOS 77D. iPhone 13 mini) 서론 사용한 카메라는 Ricoh GR3x와 iPhone 13 mini 아이폰으로 촬영한 사진이 월등히 적기 때문에 별도로 기재해 두겠다. 대부분 보정 없음. 보정이 들어간 사진은 언급을 해 두도록 하겠다. 본론 10월 3일 | 홍대, 온미동 밥이 먹고 싶어 다른 메뉴들을 제치고 돈부리를 선택했다. 간이 적당하고 맛도 준수. 부타동 같은 원래의 메뉴들은 일찍 동이 났는지 주문할 수 없었다. | 홍대, 디어다온 기본적으로 커피와 디저트를 파는 카페. 앞에 두고도 있는지 모를 만큼 작고 소중한 느낌이다. 주력은 푸딩으로 쨍하게 달지 않아 부담스럽지 않은 맛있는 푸딩이었다. 사진엔 없지만 주문한 메뉴는 초콜릿과 시리얼 사장님도 따듯하게 친절하시고, 인테리어는 소녀감성이 한 양동이 첨가됐다. 비가 오는 날이라 맑.. 08. 기본 UI 구현하기 #8 기본 UI 구현하기 #8 CustomTextField & AuthHeaderView & RegistrationView CustomTextField 더보기 Source VStack(spacing: 40) { TextField("Email", text: $email) SecureField("Password", text: $password) } .padding(.horizontal, 32) .padding(.top, 44) LoginView에서 사용했던 두 개의 TextField는 이미지와 TextField 혹은 SecureField, Divider의 조합으로 이루어져 있다. 같은 UI가 동일하게 RegistrationView에서도 사용되기 때문에 재사용을 용이하게 하기 위해 모듈화 한다. 더보기 Source.. 07. 기본 UI 구성하기 #7 기본 UI 구성하기 #7 LoginView 계정 로그인에 사용할 UI를 구성한다. LoginView | Header Login 화면의 상단에 해당하는 부분이다. 푸른색의 배경과 두 줄의 TextView로 이루어져 있다. 더보기 Source VStack(alignment: .leading) { HStack { Spacer() } Group { Text("Hello.") Text("Welcom Back") } .font(.largeTitle) .fontWeight(.semibold) } .frame(height: 260) .padding(.leading) .background(Color(.systemBlue)) .foregroundColor(.white) .clipShape(RoundedShape(corne.. 06. 기본 UI 구성하기 #6 기본 UI 구성하기 #6 FloatingButton & NewTweetView FloatingButton 메인 화면 어디서든 새 글을 작성할 수 있도록 FeedView 위에 표시되는 FloatingButton을 생성한다. 더보기 Source struct FeedView: View { var body: some View { ZStack(alignment: .bottomTrailing) { ScrollView { LazyVStack { ForEach(0 ... 20, id: \.self) { _ in TweetRowView() .padding() } } } Button { print("this is Floating Button Function") } label: { Image("tweet") .resizab.. 이전 1 2 다음
