본문 바로가기

2022/12

 (15)
05. 인터페이스 디자인 #2 인터페이스 디자인 #2 앱 설정, 디자인 다듬기 앱 설정 기기의 모든 상태에 대처할 수 있다면 더할 나위 없이 좋겠지만, 가진이 없다면 예상이 되는 상황은 미리 차단하는 것도 방법이다. 앱 설정 | 화면 방향 고정하기 인터페이스를 디자인할 때 offset 등의 고정값을 사용하지 않았기 때문에 큰 문제는 없지만, 이렇게 화면의 방향이 바뀌면 서로의 영역을 침범하는 문제가 생긴다. 따라서 이 앱에서는 Portrait 모드만 지원하도록 앱의 Deployment Info를 변경한다. 이제부터 이 앱은 iPhone의 Portrait 모드 상태로만 제공된다. 앱 설정 | 화면 모드 고정하기 애플은 iOS13부터 darkmode를 지원하기 시작했다. 기본으로 제공하는 API에는 대비가 돼있어 크게 신경 쓸 부분은 없..
04. 기능구현 #3 기능구현 #3 이미지 저장 이미지 저장 | 저장 기능 이미지를 생성하다 마음에 들면 앨범에 저장해 공유할 수 있도록 기능을 구현한다. .toolbar { ToolbarItem(placement: .navigationBarLeading) { NavigationLink { InfoView() } label: { Image(systemName: "info.circle") } } ToolbarItem(placement: .navigationBarTrailing) { Button { //share } label: { Image(systemName: "square.and.arrow.up") } } } 앞서 생성한 ToolbarItem에 기능을 추가한다. .toolbar { ToolbarItem(placement: ..
SwiftUI에서 Blur를 사용하는 4가지 방법 Blur Apple Developer Documentation developer.apple.com struct ContentView: View { var body: some View { ZStack() { Image("bg.sample") .resizable() .ignoresSafeArea() .scaledToFill() .blur(radius: 20) Text("Blur") .font(.largeTitle) .foregroundColor(.white) } } } iOS13 부터 지원하는 blur는 가장 간단한 방법이지만 Image Layer에 적용해야 한다는 단점이 존재한다. 이는 해당 방식으로는 TextView의 frame에만 blur 효과를 주기 어렵다는 의미이기도 하다. VisualEffect ..
03. 기능구현 #2 기능구현 #2 이미지 표시하기 이미지 표시하기 | ContentView > Button struct ContentView: View { @ObservedObject var viewModel = ViewModel() @State var image: UIImage? @State var text = "" var body: some View { NavigationView { VStack { Spacer() 앞서 초기화 한 ViewModel을 사용하기 위해 ObsevedObject로 viewMocdel 인스턴스를 생성한다. var body: some View { NavigationView { VStack { Spacer() if let image = image { Image(uiImage: image) .resi..
02. 기능 구현 #1 기능 구현 #1 OpenAiKit OpenAIKit | APIKey 생성 간단한 회원가입을 하고, 'View API Keys'를 선택한다. 화면에 표시되는 'Create new secret key' 버튼을 눌러 API Key를 생성하면 되는데, 이후 표시되는 안내창에 적혀있듯 확인창을 닫으면 Key는 더 이상 확인 할 수 있는 방법이 없다. 따라서 닫기 전에 복사 할 수 있도록 하고, 메모장 등에 적어 놓도록 하자. OpenAiKit | Import Swift Package Manager를 사용해 Package를 추가한다. GitHub - MarcoDotIO/OpenAIKit: Swift Package for OpenAI's API Swift Package for OpenAI's API. Contribu..
01. 인터페이스 디자인 #1 인터페이스 디자인 #1 ContentView 간단한 기능을 하는 만큼 간단한 구성을 가진다. NavigationView toolbar ImageView TextView TextField Button ContentView | NavigationView & Toolbar struct ContentView: View { var body: some View { NavigationView { VStack { } .navigationTitle("Image Generator") .toolbar { ToolbarItem(placement: .navigationBarLeading) { Button { //info } label: { Image(systemName: "info.circle") } } ToolbarItem(..
00. 시작하며 시작하며 최근 그림 AI에 대한 관심이 뜨겁다. 가장 처음 소식을 접한 건 미술전에서 수상을 했다는 이야기였다. '미술전 1등' 이 그림 두고 시끌…"아주 더러운 일" 예술가 분노 인공지능(AI)이 그린 작품이 미술전에서 1위를 차지하면서 예술가들을 중심으로 공정성 논란이 제기되고 있다. 3일(현지시간) CNBC 등 외신에 따르면 게임 기획자 제이슨 앨런은 최근 열린 미국 콜 n.news.naver.com 방식은 이렇다 원하는 그림에 대한 키워드들을 넣고 최대한 많은 그림을 생성한 다음 마음에 드는 그림을 골라 적당히 업스케일하고 제출하면 된다. 대회에 이를 숨기고 출전하여 상금을 가져가는 건 문제가 있겠지만, 그림을 그렸던 때의 노력과 들어간 시간을 생각해 보면 1회성 삽화나 일러스트로는 상당한 이점을..
11. 기능 구현하기 #3 기능 구현하기 #3 UserInformation UserInformation | UserModel struct User: Identifiable, Codable { @DocumentID var id: String? let username: String let fullname: String let profileImageUrl: String let email: String } Firebase에서 받아와 사용할 수 있도록 User 데이터에 대한 모델을 구성한다. UserInformation | UserService import Firebase import FirebaseFirestoreSwift Firebase에서 사용자의 정보를 받아오기 위한 함수를 작성한다. 이를 위해 Firebase와 FirebaseFi..
10. 기능 구현하기 #2 기능 구현하기 #2 프로필 이미지 설정하기 ImagePicker SwiftUI를 사용하는 앱에서는 iOS16 혹은 동세대의 OS 이상을 사용하는 경우 PhotosUI를 사용하도록 개선이 이루어졌다. 물론 iOS16 이상을 대상으로만 서비스를 한다면 문제가 없겠지만 세상은 그리 녹록지 않기 마련이다. 이전까지는 PHPickerViewController나 UIKit의 UIImagePickerController를 사용해야만 한다. 영상에서는 UIImagePickerController를 사용하는 방식을 사용했으므로 이에 대해 나열한다. Utils 폴더를 하나 만들어 주고, 그 안에 ImagePicker를 구현한다. import SwiftUI struct ImagePicker: UIViewControllerRep..
09. 기능 구현하기 #1 기능 구현하기 #1 Firebase Import & Login Function Firebase Import 02. Firebase 연결하기 Firebase 프로젝트 생성 Firebase에 회원가입을 하고, 'Get started'를 선택한다. 프로젝트를 생성하고, 이름을 지정한 뒤 지금은 필요 없는 Google Analystic은 비활성화한다. 해당 기능은 Google의 분석 툴로, chillog.page 기본적인 방법은 위와 같다. 다만 사용하려는 모듈은 조금 다른데 아래와 같다. 회원가입과 로그인 기능을 위한 'FirebaseAuth', DB 접근을 위한 'FirebaseFirestore'와 'FirebaseFirestoreSwift', 이미지 등의 큰 데이터를 저장하고 불러 올 'FirebaseSt..

티스토리툴바