GonsiOS

WWDC 2025: Foundation Models — Apple이 공개한 온디바이스 LLM API

GonsLab — Sun, 1 Mar 2026 00:00:16 +0900

WWDC 2025에서 발표된 Foundation Models Framework는 애플 생태계의 개발자들에게 그야말로 '게임 체인저'였습니다. 이제 외부 API 라이브러리 없이도 OS 내장 모델을 직접 제어할 수 있게 되었으니까요.

[Swift] Apple 인텔리전스의 정수: Foundation Models 프레임워크 완벽 정리

WWDC 2025는 애플이 AI를 단순한 기능을 넘어 '개발자들의 도구'로 완전히 개방한 해로 기억될 것입니다. 그 중심에는 바로 Foundation Models Framework가 있습니다. 이제 우리는 거창한 서버나 비싼 API 호출 비용 없이도 온디바이스 LLM의 강력함을 앱에 녹여낼 수 있습니다.

1. 왜 Foundation Models인가?

지금까지 LLM을 앱에 도입하려면 OpenAI나 Anthropic 같은 클라우드 기반 API를 쓰거나, 무거운 오픈소스 모델을 직접 포팅해야 했습니다. 하지만 애플의 새로운 프레임워크는 이 패러다임을 바꿨습니다.

Privacy-First: 모든 연산이 사용자 기기 안에서 일어납니다. 데이터 유출 걱정이 없습니다.
Zero Cost: API 호출 당 비용(Token)이 들지 않습니다. 개발자에게도, 사용자에게도 축복이죠.
Swift-Native: Swift 언어의 철학을 그대로 따릅니다. 복잡한 파이썬 스크립트나 JSON 파싱 지옥에서 벗어날 수 있습니다.

2. 핵심 구성 요소

프레임워크의 핵심은 단순함과 강력함의 조화입니다.

기능	설명
`LanguageModelSession`	모델과 대화하고 작업을 지시하는 메인 엔트리 포인트입니다.
`@Generable`	구조화된 데이터 출력을 보장하는 매크로입니다. (JSON 대신 Swift 객체 반환)
`LoRA Adapters`	특정 도메인(의료, 법률, 디자인 등)에 맞게 모델을 가볍게 미세 조정할 때 사용합니다.
`Tool Calling`	모델이 직접 앱 내 함수를 호출하여 액션을 수행하도록 연결합니다.

3. 실전 코드 샘플: 텍스트 요약 앱 만들기

Xcode 26에서 FoundationModels를 가져오는 것만으로 충분합니다. 다음은 사용자의 입력 데이터를 분석해 구조화된 요약을 만드는 예시입니다.

import FoundationModels

// 1. 모델이 반환할 데이터 구조 정의 (Type-safe!)
@Generable
struct TaskSummary {
    let title: String
    let priority: Int // 1 to 5
    let estimatedTime: String
}

class AIManager {
    let session = LanguageModelSession()

    func analyzeInput(_ text: String) async throws -> TaskSummary {
        // 2. 자연어로 모델 호출
        let result = try await session.generate(
            "다음 텍스트에서 할 일을 추출해줘: \(text)",
            as: TaskSummary.self
        )
        return result
    }
}

4. 온디바이스 AI vs 클라우드 AI

어떤 상황에서 이 프레임워크를 써야 할까요? 간단한 비교 테이블을 확인해 보세요.

구분	Foundation Models (On-device)	Cloud LLM (GPT-4 등)
속도	로컬 처리로 매우 빠름	네트워크 상태에 의존
보안	완벽한 개인정보 보호	외부 서버로 데이터 전송
비용	무료	사용량에 따른 과금
복잡도	상대적으로 낮은 파라미터(3B~7B)	초거대 모델의 고도화된 추론

Pro Tip: 복잡한 추론이나 방대한 데이터 처리는 클라우드를 쓰되, 사용자 인터랙션, 개인화 추천, 텍스트 요약 같은 '프라이버시가 중요한 일상 기능'은 Foundation Models로 구현하는 하이브리드 전략을 추천합니다.

마치며

애플의 Foundation Models Framework는 단순히 AI 기술을 추가한 것이 아니라, '개인화된 앱 경험'의 기준을 바꿨습니다. 이제 더 이상 서버 유지비 걱정 없이 창의적인 기능을 마음껏 구현해 보세요!

관련 문서 더보기

[macOS] iOS 개발자가 처음 macOS 앱을 출시하며 배운 것들

GonsLab — Sun, 1 Feb 2026 00:00:11 +0900

첫 macOS 앱 출시: 개발 회고 및 기술 공유

iOS 앱을 macOS로 확장하면서 "SwiftUI니까 금방 되겠지"라고 생각했다. 결론부터 말하면, 생각보다 신경 쓸 부분이 많았다. 같은 Swift, 같은 SwiftUI인데도 플랫폼마다 다른 부분들이 꽤 있었고, App Store 제출 과정에서도 예상치 못한 요구사항들을 마주했다.

이 글에서는 첫 macOS 앱을 출시하면서 겪은 경험들을 정리해본다.

UI/UX 차이점

System Color가 공유되지 않는다

iOS에서 자주 사용하던 UIColor.systemBackground, UIColor.label 같은 시스템 컬러들이 macOS에서는 그대로 사용할 수 없다. macOS는 NSColor를 사용하며, 일부 시스템 컬러의 이름이나 동작 방식이 다르다.

SwiftUI에서 Color.primary, Color.secondary 같은 semantic color는 양쪽에서 동작하지만, 플랫폼별로 세밀한 색상 조정이 필요하다면 #if os(macOS) 분기 처리가 필요하다.

#if os(macOS)
let backgroundColor = Color(NSColor.windowBackgroundColor)
#else
let backgroundColor = Color(UIColor.systemBackground)
#endif

.navigationBarTitleDisplayMode(.inline)이 없다

iOS에서 네비게이션 타이틀 스타일을 조정할 때 흔히 사용하는 .navigationBarTitleDisplayMode(.inline)이 macOS에는 존재하지 않는다. macOS의 윈도우 타이틀바는 iOS의 네비게이션 바와 개념 자체가 다르기 때문이다.

macOS에서는 .navigationTitle()만 사용하거나, 필요하다면 toolbar를 활용해 커스텀하게 구성해야 한다.

NavigationSplitView 활용

macOS 앱에서는 사이드바 기반의 레이아웃이 일반적이다. NavigationSplitView를 활용하면 macOS다운 2단 또는 3단 레이아웃을 쉽게 구현할 수 있다.

NavigationSplitView {
    // Sidebar
    List(items, selection: $selectedItem) { item in
        Text(item.name)
    }
} detail: {
    // Detail View
    if let selectedItem {
        DetailView(item: selectedItem)
    } else {
        Text("항목을 선택하세요")
    }
}

iOS에서는 NavigationStack으로 push/pop 방식을 주로 사용했다면, macOS에서는 NavigationSplitView로 마스터-디테일 패턴을 적용하는 것이 더 자연스럽다.

플랫폼별 API 차이

UIPasteboard 대신 NSPasteboard

클립보드 기능을 구현할 때 iOS에서는 UIPasteboard.general을 사용하지만, macOS에서는 NSPasteboard.general을 사용해야 한다.

// iOS
UIPasteboard.general.string = "복사할 텍스트"

// macOS
NSPasteboard.general.clearContents()
NSPasteboard.general.setString("복사할 텍스트", forType: .string)

macOS의 NSPasteboard는 clearContents()를 먼저 호출해야 하는 점도 다르다.

UIApplicationDelegate 대신 NSApplicationDelegate

앱 생명주기 관리를 위해 iOS에서는 UIApplicationDelegate를 사용하지만, macOS에서는 NSApplicationDelegate를 사용한다.

// iOS
class AppDelegate: NSObject, UIApplicationDelegate {
    func application(_ application: UIApplication, 
                     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        return true
    }
}

// macOS
class AppDelegate: NSObject, NSApplicationDelegate {
    func applicationDidFinishLaunching(_ notification: Notification) {
        // 초기화 로직
    }
}

SwiftUI의 @main App 구조체를 사용한다면 @NSApplicationDelegateAdaptor로 연결할 수 있다.

App Store 제출 시 필수 사항

macOS 전용 아이콘 필수

iOS 아이콘만 있으면 될 줄 알았는데, macOS 전용 아이콘을 별도로 추가하지 않으면 아카이브 업로드 자체가 거부된다. macOS 아이콘은 1024x1024 크기에 둥근 사각형이 아닌 원형 마스크가 적용된 형태다.

Asset Catalog에서 AppIcon에 macOS용 슬롯을 채워넣어야 한다.

LSApplicationCategoryType 설정 필수

Info.plist에 LSApplicationCategoryType을 반드시 설정해야 한다. 설정하지 않으면 App Store Connect 업로드가 실패한다.

<key>LSApplicationCategoryType</key>
<string>public.app-category.utilities</string>

카테고리 값은 Apple 문서에서 확인할 수 있다.

App Sandbox 활성화 필수

macOS 앱은 App Sandbox가 반드시 활성화되어 있어야 App Store에 제출할 수 있다. Xcode의 Signing & Capabilities에서 App Sandbox를 추가하고, 필요한 권한만 체크하면 된다.

네트워크 통신이 필요하다면 Outgoing Connections, 파일 접근이 필요하다면 해당 권한을 활성화해야 한다.

빌드 및 배포 과정

아카이브와 업로드를 각각 진행

iOS와 macOS 빌드는 별도로 아카이브하고 각각 업로드해야 한다. Universal 앱이라 하더라도 하나의 아카이브로 두 플랫폼을 동시에 제출하는 것은 불가능하다.

Xcode에서 빌드 타겟을 macOS로 변경한 후 Product > Archive를 진행하면 된다.

심사도 각각 진행

App Store 심사 역시 iOS와 macOS가 별개로 진행된다. 한쪽이 승인되어도 다른 쪽은 여전히 심사 중일 수 있고, 리젝 사유도 플랫폼마다 다를 수 있다.

TestFlight Universal 앱 설치 시 주의점

TestFlight에 Universal 앱으로 모든 플랫폼 빌드를 올렸을 때 예상치 못한 동작이 있었다. macOS에서 TestFlight로 앱을 설치하면 네이티브 macOS 빌드가 아닌 iOS 빌드(Designed for iPad)가 우선 설치된다.

Apple이 iOS 앱을 Mac에서 실행 가능하다고 판단하여 iOS 빌드에 우선순위를 부여하기 때문이다. 테스터에게 네이티브 macOS 버전을 테스트하게 하려면 별도 안내가 필요하다.

서드파티 SDK 호환성

Google AdMob은 macOS 미지원

수익화를 위해 Google AdMob을 사용하고 있었는데, AdMob SDK는 iOS 전용이라 macOS에서는 사용할 수 없다. macOS 앱에서 광고를 넣으려면 다른 광고 네트워크를 찾거나, 광고 없이 유료 앱 또는 인앱 결제 모델을 고려해야 한다.

마무리

iOS 개발 경험이 있다면 macOS 앱 개발 자체는 크게 어렵지 않다. SwiftUI 덕분에 많은 코드를 공유할 수 있고, 플랫폼별 분기 처리만 잘 해주면 된다.

다만 App Store 제출 과정에서 macOS 특유의 요구사항들(아이콘, 카테고리, 샌드박스)을 미리 알아두지 않으면 업로드 단계에서 막힐 수 있다. 이 글이 첫 macOS 앱을 준비하는 분들에게 도움이 되었으면 한다.

macOS

SwiftUI

Swift

iOS

Apple

App Store

Xcode

macOS 개발

macOS 앱

NavigationSplitView

NSPasteboard

App Sandbox

TestFlight

Universal App

iOS 개발자

앱 출시

앱스토어 심사

크로스 플랫폼

Apple Developer

[iOS] App Store Connect Reject 전화 회신 (앱스토어 커넥트 심사 가이드라인 리젝 극복기)

GonsLab — Thu, 1 Jan 2026 00:00:19 +0900

App Store Connect 앱 심사 리젝 극복 후기 - 1년간의 여정

들어가며

사이드 프로젝트 중에 하나가 계속 속을 썩였습니다.
2024년 10월 3일, 첫 번째 앱 심사 제출부터 2025년 12월 19일 최종 승인까지, 약 1년 2개월간의 길고 지난한 여정이었습니다. 10번이 넘는 리젝을 경험하며 포기하고 싶었던 순간도 많았지만, 결국 전화 한 통으로 모든 것이 해결되었습니다.
같은 상황으로 고민하시는 분들께 조금이나마 도움이 되길 바라며 이 후기를 작성합니다.

리젝 히스토리

받았던 주요 리젝 사유들

Guideline 4.2.2 - Design - Minimum Functionality

최소 기능 요구사항을 충족하지 못한다는 사유

Guideline 4.1 - Design - Copycats

기존 앱들과 유사하다는 사유

Guideline 2.3.3 - Performance - Accurate Metadata

메타데이터가 정확하지 않다는 사유

Guideline 4.3(a) - Design - Spam

스팸성 앱으로 간주

시도했던 방법들

1. 기능 추가

리젝될 때마다 새로운 기능을 추가했습니다. 피드백을 받을 때마다 "더 많은 기능이 필요하다"는 내용이 있어서 계속해서 기능을 보강했지만, 번번이 같은 사유로 리젝되었습니다.

2. 국가 제한 설정

전 세계를 기준으로 비슷한 앱이 많은 것 같아 사용 가능 국가를 대한민국으로만 제한해서 제출했습니다. 하지만 이 역시 리젝되었습니다.

3. 유사 앱 사례 제시

나와 비슷한 컨셉의 앱들 중에서 기능이 더 적은 앱 5개의 링크를 첨부하며 설명했습니다.
하지만 돌아온 답변은:

"다른 앱을 언급하지 마세요. 다른 앱의 심사 내용은 알 수 없습니다."

4. Apple Intelligence 기능 추가

Apple이 자사 기능 사용을 선호한다는 정보를 보고, 마지막으로 Apple Intelligence AI 기능을 추가했습니다. 하지만 이것도 소용없었습니다.

이의 신청까지

더 이상 방법이 없다고 생각해 App Review Board에 이의 신청을 했습니다.
며칠 후 받은 답변:

"앱 심사 위원회는 귀하의 앱을 평가한 결과, 당초 거부 사유가 타당하다고 판단했습니다."

다른 블로그들을 찾아봐도 앱 심사 위원회까지 가서 리젝된 경우는 되돌리기가 거의 불가능하다는 의견이 대부분이었습니다.

전화 문의 - 극적인 반전

마지막 수단으로 전화 문의를 신청했습니다. 사실 큰 기대는 하지 않았습니다.

전화 통화 내용

신청 한지 한 2시간 뒤인 점심시간에 전화가 왔습니다. 전화를 하신 분은 한국어를 하시는 담당자였고, 본인이 리젝 관련 전화 문의를 담당한다고 소개하셨습니다.
담당자: "앱을 확인해봤는데, 제가 볼 때는 기능적으로 충분합니다."
저: "그럼... 어떻게 하면 될까요?"
담당자: "더 추가하실 내용이 없으시면, 마지막으로 올리신 빌드로 통과시켜드리겠습니다."

결과

정말 믿기지 않았지만, 그 전화를 끊자마자 바로 앱이 승인되었습니다.
1년 넘게 10번도 넘게 리젝당하고, 이의 신청까지 거부당했던 앱이 전화 한 통으로 해결된 것입니다.

교훈

1. 전화 문의를 적극 활용하자

문서로만 소통하다 보면 미묘한 뉘앙스나 상황 설명이 제대로 전달되지 않을 수 있습니다. 전화로 직접 대화하면 훨씬 빠르게 해결될 수 있습니다.

2. 자동화된 리젝일 수 있다

제 경험상, 여러 번 리젝되는 과정에서 실제로 앱을 꼼꼼히 검토했는지 의문이 들었습니다. 전화 담당자는 "충분하다"고 했으니까요.

3. 포기하지 말자

1년이라는 시간이 정말 길게 느껴졌지만, 결국 해결되었습니다. 여러분의 앱도 충분히 가치가 있다면, 방법을 찾을 수 있을 것입니다.

마치며

App Store 심사는 정말 예측하기 어렵습니다. 같은 내용으로 여러 번 리젝될 수도 있고, 전화 한 통으로 모든 것이 해결될 수도 있습니다.
혹시 지금 비슷한 상황으로 고민하고 계신 분들이 있다면, 전화 문의를 꼭 시도해보시길 권장합니다.
긴 여정이었지만, 결국 앱을 출시할 수 있어서 정말 기쁩니다.

iOS, Swift, Xcode, Objective-C, Reject, Apple AppStore Connect Guideline, 앱스토어 커넥트, 리젝, 심사 가이드 라인, 이의 신청, 전화 회신, 리젝 극복기, 리젝 후기, 앱스토어 심사, App Review, 앱 심사 거부, 앱 출시, iOS 개발, 심사 통과, 앱 배포, 개발자 경험, 트러블슈팅, App Store Review, App Rejection, iOS Developer, Apple Guidelines, 앱스토어 심사 기간, 리젝 사유, 전화 통화 후기, 앱스토어 심사 거부 사유, App Store Review 프로세스, iOS 앱 배포 트러블슈팅, 애플 심사팀과 전화 통화 후기, 앱 출시 지연 해결 방법, 개발자 이의 신청 경험담

iOS SwiftUI Auto Scrolling Infinite Carousel Timer Animation

GonsLab — Mon, 1 Sep 2025 00:00:24 +0900

struct InfiniteCarouselView: View {
    
    init(imageNames: [String], velocity: CGFloat = 1) {
        self.imageNames = imageNames
        
        var items: [Item] = []
        
        items.append(contentsOf: imageNames.map { Item(id: UUID(), imageName: $0) })
        items.append(contentsOf: imageNames.map { Item(id: UUID(), imageName: $0) })
        items.append(contentsOf: imageNames.map { Item(id: UUID(), imageName: $0) })
        
        self.items = items
        self.velocity = velocity
        
        let length = (CarouselCard.itemSize.width + itemSpacing) * CGFloat(imageNames.count)
        self.x = length
        self.carouselLength = length
    }
    
    private let imageNames: [String]
    private let items: [Item]
    private let velocity: CGFloat
    
    @State private var scrollPosition = ScrollPosition()
    @State private var timer = Timer
        .publish(every: 0.01, on: .main, in: .common)
        .autoconnect()
    
    @State private var x: CGFloat
    
    private let itemSpacing: CGFloat = 8
    private let carouselLength: CGFloat
    
    var body: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack(spacing: itemSpacing) {
                ForEach(items) { item in
                    CarouselCard(imageName: item.imageName)
                        .id(item.id)
                }
            }
            .safeAreaPadding(.horizontal)
        }
        .scrollClipDisabled()
        .scrollPosition($scrollPosition)
        .onReceive(timer) { _ in
            if x >= carouselLength * 2 || x <= 0 {
                x = carouselLength
            } else {
                x += velocity
            }
        }
        .onChange(of: x) {
            scrollPosition.scrollTo(x: x)
        }
        // 1. we need to detect when the scroll view is manually started / stopped
        .onScrollPhaseChange { oldPhase, newPhase in
            switch (oldPhase, newPhase) {
            case (.idle, .idle):
                break
                
            case (_, .interacting):
                timer.upstream.connect().cancel()
                
            case (_, .idle):
                timer = Timer
                    .publish(every: 0.01, on: .main, in: .common)
                    .autoconnect()
                
            default:
                break
            }
        }
        // 2. we need to observe the distance the scroll view was moved during the period
        .onScrollGeometryChange(for: Double.self) { scrollGeometry in
            scrollGeometry.contentOffset.x
        } action: { oldValue, newValue in
            x = newValue
        }
        
    }
}

struct Item: Identifiable {
    let id: UUID
    let imageName: String
}

struct CarouselCard: View {
    
    let imageName: String
    
    static let itemSize = CGSize(width: 100, height: 120)
    
    var body: some View {
        Image(imageName)
            .resizable()
            .scaledToFill()
            .frame(width: Self.itemSize.width, height: Self.itemSize.height)
            .clipShape(RoundedRectangle(cornerRadius: 16))
            .shadow(color: .black.opacity(0.3), radius: 4, x: 0, y: 4)
    }
}

#Preview {
    let imageNames = (1...7).map { String($0) }
    InfiniteCarouselView(imageNames: imageNames)
}

struct AnimatedMeshGradientView: View {
    
    @State private var isAnimated = false
    
    var body: some View {
        MeshGradient(
            width: 3,
            height: 3,
            points: [
                [0.0, 0.0], isAnimated ? [0.75, 0.0] : [0.25, 0.0], [1.0, 0.0],
                isAnimated ? [0.0, 0.8] : [0.0, 0.4], isAnimated ? [0.7, 0.2] : [0.9, 0.4], [1.0, 0.5],
                [0.0, 1.0], isAnimated ? [0.3, 1.0] : [0.6, 1.0], [1.0, 1.0]
            ],
            colors: [
                .softLavender, .paleSkyBlue, .mintGreen,
                .dustyRose, .peachCream, .babyBlue,
                .lilacMist, .seafoamPastel, .blushPink
            ]
        )
        .ignoresSafeArea()
        .onAppear {
            withAnimation(.spring(.smooth).repeatForever(autoreverses: true)) {
                isAnimated = true
            }
        }
    }
}

struct OnboardingView: View {
    var body: some View {
        let imageNames1 = (1...7).map { String($0) }
        let imageNames2 = (8...14).map { String($0) }
        let imageNames3 = (15...21).map { String($0) }
        let imageNames4 = (22...28).map { String($0) }
        
        ZStack {
            AnimatedMeshGradientView()
            
            VStack {
                VStack {
                    InfiniteCarouselView(imageNames: imageNames1, velocity: 0.5)
                    InfiniteCarouselView(imageNames: imageNames2, velocity: -0.25)
                    InfiniteCarouselView(imageNames: imageNames3, velocity: 0.3)
                    InfiniteCarouselView(imageNames: imageNames4, velocity: -0.2)
                }
                .rotationEffect(.degrees(-10))
                
                Spacer()
            }
            
            LinearGradient(
                stops: [
                    .init(color: .clear, location: 0.0),
                    .init(color: .white, location: 0.6),
                    .init(color: .white, location: 1.0),
                ],
                startPoint: .top,
                endPoint: .bottom
            )
            .ignoresSafeArea()
            
            VStack(spacing: 24) {
                Spacer()
                
                Text("Discover Your Best\nAI Companion")
                    .font(.system(.largeTitle, design: .default, weight: .bold))
                    .multilineTextAlignment(.center)
                    .foregroundStyle(
                        LinearGradient(
                            colors: [.aiPink, .roboticBlue, .futuristicViolet],
                            startPoint: .leading,
                            endPoint: .trailing
                        )
                    )
                
                Text("Find and connect with the best AI companions, personalized just for you. Chat, learn, and experience AI like never before!")
                    .font(.system(.subheadline, design: .default, weight: .regular))
                    .multilineTextAlignment(.center)
                    .foregroundStyle(.gray)
                    .padding(.horizontal, 32)
                
                Button {
                    // TODO
                } label: {
                    Text("Get Started")
                        .font(.system(.headline, design: .default, weight: .semibold))
                        .foregroundStyle(.white)
                        .frame(height: 64)
                        .frame(maxWidth: .infinity)
                        .background(Color.roboticBlue)
                        .clipShape(Capsule())
                }
                .padding(.horizontal, 32)
            }
            
        }
    }
}

#Preview {
    OnboardingView()
}

extension Color {
    static let deepPurple = Color(red: 89/255, green: 46/255, blue: 131/255)    // Deep learning purple
    static let neonBlue = Color(red: 66/255, green: 218/255, blue: 245/255)     // Neural network blue
    static let techTeal = Color(red: 23/255, green: 190/255, blue: 187/255)     // Tech teal
    static let futuristicViolet = Color(red: 147/255, green: 51/255, blue: 234/255) // Futuristic violet
    static let quantumGreen = Color(red: 0/255, green: 255/255, blue: 179/255)   // Quantum computing green
    static let dataRed = Color(red: 255/255, green: 71/255, blue: 87/255)        // Data analysis red
    static let aiPink = Color(red: 255/255, green: 107/255, blue: 255/255)       // AI assistant pink
    static let roboticBlue = Color(red: 0/255, green: 150/255, blue: 255/255)    // Robotic blue
    static let cyberYellow = Color(red: 255/255, green: 214/255, blue: 10/255)   // Cybernetic yellow
    
    static let softLavender = Color(red: 220/255, green: 208/255, blue: 255/255)   // Soft lavender
    static let paleSkyBlue = Color(red: 176/255, green: 218/255, blue: 255/255)    // Pale sky blue
    static let mintGreen = Color(red: 198/255, green: 255/255, blue: 226/255)      // Mint green
    static let dustyRose = Color(red: 255/255, green: 198/255, blue: 218/255)      // Dusty rose
    static let peachCream = Color(red: 255/255, green: 224/255, blue: 196/255)     // Peach cream
    static let babyBlue = Color(red: 198/255, green: 222/255, blue: 255/255)       // Baby blue
    static let lilacMist = Color(red: 232/255, green: 208/255, blue: 238/255)      // Lilac mist
    static let seafoamPastel = Color(red: 202/255, green: 255/255, blue: 242/255)  // Seafoam pastel
    static let blushPink = Color(red: 255/255, green: 218/255, blue: 233/255)      // Blush pink
}

import SwiftUI

@main
struct AppDuckInfiniteCarouselTutorialApp: App {
    var body: some Scene {
        WindowGroup {
            OnboardingView()
        }
    }
}

Sources

https://github.com/appbeyond-io/AutoScrollingInfiniteCarousel-iOS

iOS

SwiftUI

Auto Scrolling

Infinite Carousel

Timer Animation

Xcode

Android

Objective-C

MeshGradient

repeatForever

LinearGradient

rotationEffect

ScrollPosition

onScrollGeometryChange

iOS SwiftUI Animation repeatForever autoreverses 반복 애니메이션

GonsLab — Fri, 1 Aug 2025 00:00:48 +0900

dog

import SwiftUI

/// 강아지 반복 이동 뷰
struct MovingDogView: View {
    @State private var position: CGFloat = -(UIScreen.main.bounds.width / 2 - 50)
    @State private var isFlipped = false // 이미지 반전 여부
    @State private var timer: Timer?
    
    private let duration: TimeInterval = 2
    
    var body: some View {
        VStack {
            GifImageView("dog")
                .frame(width: 50, height: 50)
                .scaleEffect(x: isFlipped ? -1 : 1, y: 1) // 좌우 반전 효과
                .offset(x: position)
                .animation(.linear(duration: duration).repeatForever(autoreverses: true), value: position)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .onAppear {
            startAnimation()
        }
        .onDisappear {
            timer?.invalidate()
        }
    }
    
    private func startAnimation() {
        DispatchQueue.main.async {
            position = UIScreen.main.bounds.width / 2 - 50
            
            timer = .scheduledTimer(withTimeInterval: duration, repeats: true) { _ in
                isFlipped.toggle() // 방향이 바뀔 때마다 이미지 반전
            }
        }
    }
}

#Preview {
    MovingDogView()
}

import SwiftUI
import WebKit

// https://medium.com/@venkateshmandapati/displaying-gifs-in-swiftui-using-gifimageview-04179d926552
/// GIF 뷰
struct GifImageView: UIViewRepresentable {
    
    private let name: String
    
    init(_ name: String) {
        self.name = name
    }
    
    func makeUIView(context: Context) -> WKWebView {
        let webview = WKWebView()
        if let url = Bundle.main.url(forResource: name, withExtension: "gif"),
           let data = try? Data(contentsOf: url) {
            webview.load(data, mimeType: "image/gif", characterEncodingName: "UTF-8", baseURL: url.deletingLastPathComponent())
        }
        return webview
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.reload()
    }
}

iOS

Swift

SwiftUI

Xcode

Objective-C

Android

Animation

scaleEffect

offset

duration

linear

repeatForever

autoreverses

문자열 카탈로그에서 자동 추출 비활성화 Disable Automatic Extraction in String Catalog Localizable.xcstrings

GonsLab — Tue, 1 Jul 2025 00:00:24 +0900

프로젝트 내에 문자열 자동 추출 비활성화

LOCALIZED_STRING_SWIFTUI_SUPPORT
NO

SWIFT_EMIT_LOC_STRINGS
NO

%@ 등 argument 문자열 자동 추출 비활성화

Localization Prefers String Catalogs
NO

프로젝트 설정에 CFBundleName, CFBundleSpokenName 등

InfoPlist.xcstrings 로 자동 추출 비활성화

Localization Export Supported

NO

LOCALIZED_STRING_SWIFTUI_SUPPORT

https://stackoverflow.com/a/77741813

Disable Automatic Extraction in String Catalog

Is there a way to disable automatic extraction when using String Catalog? The following code block invokes an initializer with LocalizedStringKey and not with StringProtocol. Text("Hello World...

stackoverflow.com

Xcode

String Catalog

Localizable.xcstrings

Swift

SwiftUI

Objective-C

Android

iOS

translation
multilingual
Localization

iOS SwiftUI DropDownMenu 드롭다운 메뉴 (Custom Picker)

GonsLab — Sun, 1 Jun 2025 00:00:56 +0900

DropDownMenu

// https://stackademic.com/blog/swiftui-dropdown-menu-3-ways-picker-menu-and-custom-from-scratch
/// 드롭다운 메뉴
struct DropDownMenu: View {
    
    let placeholder: String
    let options: [String]
    
    var menuWdith: CGFloat? = 150
    var buttonHeight: CGFloat = 50
    var maxItemDisplayed: Int = 3
    
    @Binding var selectedOptionIndex: Int?
    @Binding var showDropdown: Bool
    
    @State private var scrollPosition: Int?
    
    private var menuTitle: String {
        if let selectedOptionIndex {
            options[selectedOptionIndex]
        } else {
            placeholder
        }
    }
    
    var body: some  View {
        VStack(spacing: 0) {
            // selected item
            Button(action: {
                withAnimation {
                    showDropdown.toggle()
                }
            }, label: {
                HStack(spacing: nil) {
                    Text(menuTitle)
                    Spacer()
                    Image(systemName: "chevron.down")
                        .rotationEffect(.degrees((showDropdown ?  -180 : 0)))
                }
            })
            .padding(.horizontal, 12)
            .frame(height: buttonHeight)
            
            
            // selection menu
            if showDropdown {
                let scrollViewHeight = options.count > maxItemDisplayed ?
                buttonHeight * CGFloat(maxItemDisplayed) + buttonHeight / 2 :
                buttonHeight * CGFloat(options.count)
                
                ScrollView {
                    LazyVStack(spacing: 0) {
                        ForEach(0..<options.count, id: \.self) { index in
                            Button(action: {
                                withAnimation {
                                    selectedOptionIndex = index
                                    showDropdown.toggle()
                                }
                            }, label: {
                                HStack {
                                    Text(options[index])
                                    Spacer()
                                    if (index == selectedOptionIndex) {
                                        Image(systemName: "checkmark.circle.fill")
                                    }
                                }
                                .frame(maxWidth: menuWdith, alignment: .leading)
                                .padding(.horizontal, 12)
                                .frame(height: buttonHeight)
                            })
                        }
                    }
                    .scrollTargetLayout()
                }
                .scrollPosition(id: $scrollPosition)
                .scrollDisabled(options.count <= maxItemDisplayed)
                .frame(height: scrollViewHeight)
                .onAppear {
                    scrollPosition = selectedOptionIndex
                }
            }
        }
        .background(.white)
        .clipShape(.rect(cornerRadius: 16))
        .overlay {
            RoundedRectangle(cornerRadius: 16)
                .stroke(.gray, lineWidth: 1)
        }
        .foregroundStyle(.black)
        .font(.callout)
        .frame(maxWidth: menuWdith)
        .frame(height: buttonHeight, alignment: .top) // 높이 제한 시 드롭다운 형식으로 표시되고, 해제 시 스크롤뷰 크기만큼 상위 뷰 늘어남
        .zIndex(100)
    }
}

#Preview {
    @Previewable @State var selectedOptionIndex: Int?
    @Previewable @State var showDropdown =  false
    let fruits = ["apple", "banana", "orange", "kiwi", "cherry", "melon"]
    
    ZStack {
        DropDownMenu(
            placeholder: "메뉴 선택",
            options: fruits,
            selectedOptionIndex: $selectedOptionIndex,
            showDropdown: $showDropdown
        )
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(.white)
    .onTapGesture {
        withAnimation {
            showDropdown =  false
        }
    }
}

iOS

Swift

SwiftUI

Xcode

Objectivew-C

드롭다운

드랍다운

Drop Down

선택 메뉴

Select menu

Spinner

Picker

Segment

커스텀 피커

iOS SwiftUI Infinite Carousel 무한 스크롤 배너 + Timer

GonsLab — Thu, 1 May 2025 00:00:09 +0900

InfiniteCarousel

// https://calliek.tistory.com/63
// https://velog.io/@jujube0/SwiftUI로-네이버웹툰-상단-배너-만들기
/// 무한 스크롤 + 타이머
struct InfiniteCarousel: View {
    /// 순환배열
    @State var items: [Color] = [.red, .green, .blue]
    /// 타이머
    @State var timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
    /// 현재 인덱스
    @State private var currentIndex: Int = 0
    /// 드래그중 여부
    @State private var isDragging = false
    
    var body: some View {
        TabView(selection: $currentIndex) {
            
            // 순환 리스트에서 첫 번째와 마지막 색을 추가
            ForEach(-1..<items.count + 1, id: \.self) { i in
                
                let item = items[i < 0 ? items.count - 1 : (i >= items.count ? 0 : i)]
                item
                    .tag(i) // 현재 인덱스를 구분하기 위한 태그
                
            } //: ForEach
            .ignoresSafeArea()
            
        } //: Tabview
        .ignoresSafeArea()
        .tabViewStyle(.page(indexDisplayMode: .never)) // 기본 인디케이터 숨김
        // https://stackoverflow.com/a/79163904
        // 드래그 시 타이머 초기화가 안되서 gesture -> simultaneousGesture 수정
        .simultaneousGesture(
            DragGesture()
                .onChanged { value in // 드래그 중 타이머 중지
                    isDragging = true
                    timer.upstream.connect().cancel()
                }
                .onEnded { _ in // 드래그 종료 타이머 활성화
                    isDragging = false
                    getInfiniteScrollIndex()
                    timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
                }
        )
        .onChange(of: currentIndex) { _, _ in
            if !isDragging { // 드래그 중이 아닐 경우에만 페이지 세팅
                getInfiniteScrollIndex() // 무한 스크롤 구현
            }
        } //: onChange
        .onReceive(timer) { _ in
            // 타이머 가동 시 인덱스 하나씩 옮김
            withAnimation(.easeIn) {
                currentIndex += 1
            }
        }
    } //: Body
    
    /// 무한 스크롤 구현
    private func getInfiniteScrollIndex() {
        
        if currentIndex == items.count {
            // 처음으로 갔을 때 끝쪽으로 이동 (딜레이 주지 않으면 애니메이션이 부자연스럽게 빠르게 변경됨)
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
                currentIndex = 0
            }
        } else if currentIndex < 0 {
            // 마지막으로 갔을 때 첫쪽으로 이동
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
                currentIndex = items.count - 1
            }
        }
    }
} //: View

iOS

Swift

SwiftUI

Xcode

Objectivew-C

Infinite Carousel

Banner

무한 스크롤

타이머 배너

자동 스크롤 메뉴

ScrollView

TabView

캐러셀

iOS Swift withTaskGroup, withThrowingTaskGroup 비동기 반복문 (async await loop)

GonsLab — Tue, 1 Apr 2025 00:00:38 +0900

func test() async {
    await withTaskGroup(of: Int.self) { taskGroup in
        
        [3,1,2].forEach { i in
            taskGroup.addTask {
                print("시작 \(i)")
                try? await Task.sleep(for: .seconds(i))
                return i
            }
        }
        
        for await element in taskGroup {
            print("완료 \(element)")
        }
    }
    print("모두 완료")
}

Task {
    await test()
}

/*
 시작 3
 시작 1
 시작 2
 한번에 호출되고
 1초 후
 완료 1
 2초 후
 완료 2
 3초 후
 완료 3
 모두 완료
 */

func test2() async -> [Int] {
    await withTaskGroup(of: Int.self) { taskGroup in
        
        [3,1,2].forEach { i in
            taskGroup.addTask {
                try? await Task.sleep(for: .seconds(i))
                return i
            }
        }
        
        // TaskGroup 은 AsyncSequence 를 따르기 때문에 reduce 가능
        return await taskGroup
            .reduce(into: [Int](), { $0.append($1)} )
    }
}

Task {
    print(await test2())
    // 완료된 순서대로 [1, 2, 3] 반환
}

iOS

Swift

Xcode

AsyncSequence

withTaskGroup

withThrowingTaskGroup

async

await

loop

dispatchGroup

iOS SwiftUI get color from image (이미지에서 평균 색상 추출)

GonsLab — Sat, 1 Mar 2025 00:00:09 +0900

Extract Colors

1. 이미지에서 평균 색상 추출

extension UIImage {
    // https://www.rudrank.com/exploring-core-graphics-extract-prominent-unique-colors-uiimage/
    /// 이미지에서 대표 색상 추출 Extracts the most prominent and unique colors from the image.
    ///
    /// - Parameter numberOfColors: The number of prominent colors to extract (default is 1).
    /// - Returns: An array of UIColors representing the prominent colors.
    func extractColors(numberOfColors: Int = 1) throws -> [UIColor] {
        // Ensure the image has a CGImage
        guard let _ = self.cgImage else {
            throw NSError(domain: "Invalid image", code: 0, userInfo: nil)
        }
        
        let size = CGSize(width: 100, height: 100 * self.size.height / self.size.width)
        UIGraphicsBeginImageContext(size)
        self.draw(in: CGRect(origin: .zero, size: size))
        guard let resizedImage = UIGraphicsGetImageFromCurrentImageContext() else {
            UIGraphicsEndImageContext()
            throw NSError(domain: "Failed to resize image", code: 0, userInfo: nil)
        }
        UIGraphicsEndImageContext()
        
        guard let inputCGImage = resizedImage.cgImage else {
            throw NSError(domain: "Invalid resized image", code: 0, userInfo: nil)
        }
        
        let width = inputCGImage.width
        let height = inputCGImage.height
        let bytesPerPixel = 4
        let bytesPerRow = bytesPerPixel * width
        let bitsPerComponent = 8
        
        guard let data = calloc(height * width, MemoryLayout<UInt32>.size) else {
            throw NSError(domain: "Failed to allocate memory", code: 0, userInfo: nil)
        }
        
        defer { free(data) }
        
        let colorSpace = CGColorSpaceCreateDeviceRGB()
        let bitmapInfo = CGImageAlphaInfo.premultipliedLast.rawValue
        
        guard let context = CGContext(data: data, width: width, height: height,
                                      bitsPerComponent: bitsPerComponent,
                                      bytesPerRow: bytesPerRow,
                                      space: colorSpace,
                                      bitmapInfo: bitmapInfo) else {
            throw NSError(domain: "Failed to create CGContext", code: 0, userInfo: nil)
        }
        
        context.draw(inputCGImage, in: CGRect(x: 0, y: 0, width: width, height: height))
        
        let pixelBuffer = data.bindMemory(to: UInt8.self, capacity: width * height * bytesPerPixel)
        var pixelData = [PixelData]()
        for y in 0..<height {
            for x in 0..<width {
                let offset = ((width * y) + x) * bytesPerPixel
                let r = pixelBuffer[offset]
                let g = pixelBuffer[offset + 1]
                let b = pixelBuffer[offset + 2]
                pixelData.append(PixelData(red: Double(r), green: Double(g), blue: Double(b)))
            }
        }
        
        let clusters = kMeansCluster(pixels: pixelData, k: numberOfColors)
        
        let colors = clusters.map { cluster -> UIColor in
            UIColor(red: CGFloat(cluster.center.red / 255.0),
                    green: CGFloat(cluster.center.green / 255.0),
                    blue: CGFloat(cluster.center.blue / 255.0),
                    alpha: 1.0)
        }
        
        return colors
    }
    
    private struct PixelData {
        let red: Double
        let green: Double
        let blue: Double
    }
    
    private struct Cluster {
        var center: PixelData
        var points: [PixelData]
    }
    
    private func kMeansCluster(pixels: [PixelData], k: Int, maxIterations: Int = 10) -> [Cluster] {
        var clusters = [Cluster]()
        for _ in 0..<k {
            if let randomPixel = pixels.randomElement() {
                clusters.append(Cluster(center: randomPixel, points: []))
            }
        }
        
        for _ in 0..<maxIterations {
            for clusterIndex in 0..<clusters.count {
                clusters[clusterIndex].points.removeAll()
            }
            
            for pixel in pixels {
                var minDistance = Double.greatestFiniteMagnitude
                var closestClusterIndex = 0
                for (index, cluster) in clusters.enumerated() {
                    let distance = euclideanDistance(pixel1: pixel, pixel2: cluster.center)
                    if distance < minDistance {
                        minDistance = distance
                        closestClusterIndex = index
                    }
                }
                clusters[closestClusterIndex].points.append(pixel)
            }
            
            for clusterIndex in 0..<clusters.count {
                let cluster = clusters[clusterIndex]
                if cluster.points.isEmpty { continue }
                let sum = cluster.points.reduce(PixelData(red: 0, green: 0, blue: 0)) { (result, pixel) -> PixelData in
                    return PixelData(red: result.red + pixel.red, green: result.green + pixel.green, blue: result.blue + pixel.blue)
                }
                let count = Double(cluster.points.count)
                clusters[clusterIndex].center = PixelData(red: sum.red / count, green: sum.green / count, blue: sum.blue / count)
            }
        }
        
        return clusters
    }
    
    private func euclideanDistance(pixel1: PixelData, pixel2: PixelData) -> Double {
        let dr = pixel1.red - pixel2.red
        let dg = pixel1.green - pixel2.green
        let db = pixel1.blue - pixel2.blue
        return sqrt(dr * dr + dg * dg + db * db)
    }
}

2. 사용하는 쪽 뷰

/// 색상 추출 뷰
struct ProminentColorsView: View {
    @State private var colors: [UIColor] = []
    @State private var errorMessage: String?
    private let image: UIImage = .example
    
    var body: some View {
        VStack {
            Image(uiImage: image)
                .resizable()
                .aspectRatio(contentMode: .fit)
                .cornerRadius(16)
                .padding(.horizontal)
            
            if !colors.isEmpty {
                ColorPaletteView(colors: colors)
            }
            
            if let errorMessage = errorMessage {
                Text("Error: \(errorMessage)")
                    .foregroundColor(.red)
            }
        }
        .task {
            do {
                colors = try image.extractColors(numberOfColors: 8)
            } catch {
                errorMessage = error.localizedDescription
            }
        }
    }
}


/// 색상 팔레트 뷰
struct ColorPaletteView: View {
    let colors: [UIColor]
    
    let columns = [GridItem(.flexible()), GridItem(.flexible())]
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, spacing: 16) {
                ForEach(0..<colors.count, id: \.self) { index in
                    let uiColor = colors[index]
                    
                    VStack {
                        Rectangle()
                            .fill(Color(uiColor))
                            .frame(height: 60)
                            .cornerRadius(12)
                        
                        Text(uiColor.toHexString())
                    }
                    .font(.caption)
                    .foregroundColor(.primary)
                }
            }
            .padding()
        }
    }
}

3. 색상 헥사 코드 문자열 형식

extension UIColor {
    /// 헥사 코드 문자열로 변환
    func toHexString() -> String {
        var rFloat: CGFloat = 0
        var gFloat: CGFloat = 0
        var bFloat: CGFloat = 0
        var aFloat: CGFloat = 0
        
        self.getRed(&rFloat, green: &gFloat, blue: &bFloat, alpha: &aFloat)
        
        let rInt = Int(rFloat * 255)
        let gInt = Int(gFloat * 255)
        let bInt = Int(bFloat * 255)
        
        return String(format: "#%02X%02X%02X", rInt, gInt, bInt)
    }
}

Extract Colors

iOS

Swift

Xcode

SwiftUI

Objective-C

SwiftUI

Extract

UIColor

UIImage

UIGraphicsBeginImageContext

CGColorSpaceCreateDeviceRGB

k-means 클러스터링

Clustering

CGImageAlphaInfo

premultipliedLast

bindMemory

hex

pixel

iOS SwiftUI View Aligned Carousel Scrollview Paging (다음 뷰 약간 보이는 페이징 스크롤)

GonsLab — Sat, 1 Feb 2025 00:00:55 +0900

View Aligned Carousel Scrollview Paging

// https://developer.apple.com/documentation/swiftui/scrolltargetbehavior/viewaligned
/// 다음 뷰 약간 보이는 페이징 스크롤
struct ContentView: View {
    
    var items: [Color] = [.yellow, .green, .blue, .brown, .orange, .red]
    
    var body: some View {
        ScrollView(.horizontal) {
            LazyHStack(spacing: 20) {
                ForEach(items, id: \.self) { item in
                    item
                        .frame(width: 300, height: 300)
                }
            }
            .scrollTargetLayout() // <-
        }
        .scrollTargetBehavior(.viewAligned) // <-
        .contentMargins(20)
    }
}

iOS

Swift

Xcode

Objective-C

viewAligned

Carousel

Scrollview

Paging

scrollTargetBehavior

scrollTargetLayout

2024년 회고와 2025년 다짐

GonsLab — Wed, 15 Jan 2025 15:12:00 +0900

안녕하세요 Gons 입니다.
또 한 해가 지나갔네요.
정말 정신없이 보낸 것 같아요.
개인적으로 정말 힘든 일이 있었는데 잘 이겨내지 못하고 여전히 슬프게 버티고 있습니다.
그럼에도 불구하고 개발적으로는 열심히 성장을 한 것 같아요.

2024년을 돌아보며...

지난해에는 SwiftUI 를 많이 공부했습니다.
실무에서 사용하기로 마음먹고부터 본격적으로 학습을 시작했는데요.

한 해 동안 8개의 사이드 프로젝트를 만들어서 출시 했습니다.
UIKit 으로 되어 있는 회사 프로젝트도 리팩토링을 시작하여 50% 이상 SwiftUI 로 교체를 했습니다.
그리고 처음으로 iOS 컨퍼런스도 참가를 해봤습니다.
KWDC24 , Let'Swift 2024 이렇게 2개를 참가했는데요.

신규 기술, 최신 트렌드도 알게 되고 정말 유익한 시간이었던 것 같아요.
처음으로 네트워킹도 해봤는데 여러 iOS 개발자들과 정보도 공유하고 많은 인사이트를 얻을 수 있었습니다.
기술블로그도 한달에 하나씩은 꼭 글을 쓰자는 마음으로 한 해 동안 14개의 포스팅을 했네요.
나름 SwiftUI 사용하게 되어서 뭐라도 얻은 한 해였던 것 같습니다.

2025년을 준비하며

올 해에는 크로스 플랫폼 기술을 한번 공부해보고 싶습니다.
대기업이 아닌 이상 더 이상 네이티브가 메리트가 없는 것 같아서요.
Flutter 나 React Native 를 한번 학습해보겠습니다.
그럼 화이팅!

iOS
Swift
Xcode
Android

iOS SwiftUI Custom Segmented Control Flexible Width (커스텀 세그먼트 컨트롤, TabView TabMenu, TabBar) 동적 너비 버전

GonsLab — Wed, 1 Jan 2025 00:01:38 +0900

Custom Segmented Control

import SwiftUI

/// 커스텀 세그먼트 뷰 (컨텐츠 크기만큼 동적 너비 버전)
struct SegmentedFlexibleView: View {
    
    let segments: [String]
    @Binding var currentPage: Int
    @Namespace private var name
    
    var body: some View {
        ScrollViewReader { proxy in
            ScrollView(.horizontal, showsIndicators: false) {
                HStack(spacing: 0) {
                    ForEach(segments.indices, id: \.self) { index in
                        Button {
                            currentPage = index
                        } label: {
                            VStack {
                                Text(segments[index])
                                    .font(.footnote)
                                    .fontWeight(.medium)
                                    .foregroundStyle(currentPage == index ? .orange : Color(uiColor: .systemGray))
                                ZStack {
                                    Capsule()
                                        .fill(.clear)
                                        .frame(height: 4)
                                    if currentPage == index {
                                        Capsule()
                                            .fill(.orange)
                                            .frame(height: 4)
                                            .matchedGeometryEffect(id: "Tab", in: name)
                                    }
                                }
                            }
                            .padding(.horizontal, 8) // 각 항목의 양쪽 여백 추가
                        }
                        .id(index)
                    }
                }
            }
            .onChange(of: currentPage) { _, newValue in
                withAnimation {
                    proxy.scrollTo(newValue, anchor: .center)
                }
            }
        }
        .animation(.spring(duration: 0.3), value: currentPage)
    }
}

#Preview {
    struct Preview: View {
        var segments: [Color] = [.red, .green, .blue, .brown, .purple, .pink, .yellow, .orange, .cyan, .teal, .gray, .black]
        
        @State var currentPage = 0
        
        var body: some View {
            VStack {
                SegmentedFlexibleView(segments: segments.map { "\($0)" },
                                      currentPage: $currentPage)
                
                TabView(selection: $currentPage) {
                    ForEach(segments.indices, id: \.self) { index in
                        segments[index]
                    }
                }
                .tabViewStyle(.page(indexDisplayMode: .never))
                .scrollTargetBehavior(.paging)
            }
            .ignoresSafeArea(.all, edges: .bottom)
        }
    }
    return Preview()
}

iOS

Swift

Xcode

Objective-C

SwiftUI

UISegmentedControl

Picker

탭뷰

탭메뉴

iOS SwiftUI Custom Segmented Control Fixed Width (커스텀 세그먼트 컨트롤, TabView TabMenu, TabBar) 크기 고정 버전

GonsLab — Wed, 1 Jan 2025 00:00:00 +0900

Custom Segmented Control

import SwiftUI

/// 커스텀 세그먼트 뷰 (가로 꽉 채우는 고정 너비 버전)
struct SegmentedFixedView: View {
    
    let segments: [String]
    @Binding var currentPage: Int
    @Namespace private var name
    
    var body: some View {
        HStack(spacing: 0) {
            ForEach(segments.indices, id: \.self) { index in
                Button {
                    currentPage = index
                } label: {
                    VStack {
                        Text(segments[index])
                            .font(.footnote)
                            .fontWeight(.medium)
                            .foregroundStyle(currentPage == index ? .orange : Color(uiColor: .systemGray))
                        ZStack {
                            Capsule()
                                .fill(.clear)
                                .frame(height: 4)
                            if currentPage == index {
                                Capsule()
                                    .fill(.orange)
                                    .frame(height: 4)
                                    .matchedGeometryEffect(id: "Tab", in: name)
                            }
                        }
                    }
                }
            }
        }
        .animation(.spring(duration: 0.3), value: currentPage)
    }
}

#Preview {
    struct Preview: View {
        var segments: [Color] = [.red, .green, .blue]
        
        @State var currentPage = 0
        
        var body: some View {
            VStack {
                SegmentedFixedView(segments: segments.map { "\($0)" },
                                   currentPage: $currentPage)
                
                TabView(selection: $currentPage) {
                    ForEach(segments.indices, id: \.self) { index in
                        segments[index]
                    }
                }
                .tabViewStyle(.page(indexDisplayMode: .never))
                .scrollTargetBehavior(.paging)
            }
            .ignoresSafeArea(.all, edges: .bottom)
        }
    }
    return Preview()
}

https://medium.com/@c64midi/android-style-segmented-control-in-swiftui-f2d9e8469bdf

iOS

Swift

Xcode

Objective-C

SwiftUI

UISegmentedControl

Picker

탭뷰

탭메뉴

iOS SwiftUI AudioPlayer 오디오 플레이어 (Music 음악)

GonsLab — Sun, 1 Dec 2024 00:00:38 +0900

AudioPlayer

// https://ahmetkasimnazli.medium.com/creating-an-audio-player-with-avkit-in-swiftui-a17f3b704fad
// 오디오 플레이어
struct ContentView: View {
    @State var viewModel = ViewModel()
    
    var body: some View {
        VStack {
            HStack {
                Button {
                    if viewModel.isPlaying {
                        viewModel.pause()
                    } else {
                        viewModel.play()
                    }
                } label: {
                    Image(systemName: viewModel.isPlaying ? "pause.circle" : "play.circle")
                        .font(.largeTitle)
                }
                
                Slider(value: $viewModel.currentTime, in: 0...viewModel.totalTime) { editing in
                    if editing {
                        if viewModel.isPlaying {
                            viewModel.pause()
                        }
                    } else {
                        viewModel.player?.currentTime = viewModel.currentTime
                        viewModel.play()
                    }
                }
            }
            
            HStack {
                Text("\(formatTime(viewModel.currentTime))")
                Spacer()
                Text("\(formatTime(viewModel.totalTime))")
            }
        }
        .animation(.linear(duration: 0.1), value: viewModel.currentTime)
        .padding()
    }
    
    private func formatTime(_ time: TimeInterval) -> String {
        let seconds = Int(time) % 60
        let minutes = Int(time) / 60
        return String(format: "%02d:%02d", minutes, seconds)
    }
}

import Foundation
import AVKit

/// 오디오 뷰모델
@Observable final class ViewModel {
    
    var player: AVAudioPlayer?
    var isPlaying = false
    var totalTime: TimeInterval = 0.0
    var currentTime: TimeInterval = 0.0
    var timer: Timer?
    
    init() {
        guard let url = Bundle.main.url(forResource: "sample", withExtension: "wav") else { return }
        setupAudio(withURL: url)
    }
    
    private func setupAudio(withURL url: URL) {
        do {
            // 무음모드에서도 재생되도록 설정
            try AVAudioSession.sharedInstance().setCategory(.playback, mode: .default, options: [])
            try AVAudioSession.sharedInstance().setActive(true) // 오디오 세션 활성화. 앱이 백그라운드로 이동하거나 중단되었을 때, 다시 활성화해야함
            
            player = try AVAudioPlayer(contentsOf: url)
            player?.prepareToPlay()
            totalTime = player?.duration ?? 0.0
        } catch {
            print("Error loading audio: \(error)")
        }
    }
    
    func play() {
        guard let player else { return }
        isPlaying = true
        player.play()
        startTimer()
    }
    
    func pause() {
        guard let player else { return }
        isPlaying = false
        player.pause()
        stopTimer()
    }
    
    private func startTimer() {
        stopTimer()
        timer = Timer.scheduledTimer(withTimeInterval: 0.1, repeats: true) { [weak self] _ in
            self?.updateProgress()
        }
    }
    
    private func stopTimer() {
        timer?.invalidate()
        timer = nil
    }
    
    private func updateProgress() {
        guard let player else { return }
        
        currentTime = player.currentTime
        
        if !player.isPlaying {
            pause()
            currentTime = 0
        }
    }
}

iOS

Swift

SwiftUI

Xcode

Objective-C

Audio Player

Music Player

음악 재생기

노래 플레이어

// https://ahmetkasimnazli.medium.com/creating-an-audio-player-with-avkit-in-swiftui-a17f3b704fad // 오디오 플레이어 struct ContentView: View { @State var viewModel = ViewModel() var body: some View { VStack { HStack { Button { if viewModel.isPlaying { viewModel.pause() } else { viewModel.play() } } label: { Image(systemName: viewModel.isPlaying ? "pause.circle" : "play.circle" ) .font(.largeTitle) } Slider(값: $viewModel.currentTime, in: 0...viewModel.totalTime) { 편집 중 if 편집 { if viewModel.isPlaying { viewModel.pause() } } else { viewModel.player ?.currentTime = viewModel.currentTime viewModel.play() } } } HStack { Text("\(formatTime(viewModel.currentTime))") Spacer() Text("\(formatTime(viewModel.totalTime))") } } .animation(.linear(duration: 0.1), value: viewModel.currentTime) .padding() } private func formatTime(_ time: TimeInterval) -> String { let 초 = Int(time) % 60 let 분 = Int(time ) / 60 return String(형식: "%02d:%02d", 분, 초) } }

iOS SwiftUI 팝오버 모달 (Popover Modal Tooltip Dropdown)

GonsLab — Fri, 1 Nov 2024 00:01:08 +0900

SwiftUI Popover

UIKit 버전 보러가기

import SwiftUI

// 팝오버
struct ContentView: View {
    
    @State private var showPopover = false
    
    var body: some View {
        Button("Popover") {
            showPopover.toggle()
        }
        .popover(isPresented: $showPopover) {
            PopoverView()
                .presentationCompactAdaptation(.popover)
        }
    }
}

struct PopoverView: View {
    var body: some View {
        Text("팝오버")
    }
}

#Preview {
    ContentView()
}

팝오버

모달

툴팁

드롭다운

말풍선

채팅

chat

Speech bubble

셀렉트 박스

Select Box

iOS

Swift

UIKit

Xcode

Objective-C

iOS UIKit 팝오버 모달 (Popover Modal Tooltip Dropdown)

GonsLab — Fri, 1 Nov 2024 00:00:38 +0900

UIKit Popover

SwiftUI 버전 보러가기

import UIKit

// 팝오버
class ViewController: UIViewController {
    
    let button = UIButton(type: .system)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        button.setTitle("Popover", for: .normal)
        
        let action = UIAction(handler: showPopover)
        button.addAction(action, for: .touchUpInside)
        
        view.addSubview(button)
        button.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            button.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            button.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])
    }
    
    func showPopover(action: UIAction) {
        let viewController = UIViewController()
        viewController.view.backgroundColor = .systemCyan
        
        viewController.preferredContentSize = .init(width: 200, height: 100)
        viewController.modalPresentationStyle = .popover
        
        let popoverPresentationController = viewController.popoverPresentationController
        popoverPresentationController?.permittedArrowDirections = [.down]
        popoverPresentationController?.sourceRect = button.bounds
        popoverPresentationController?.sourceView = button
        popoverPresentationController?.delegate = self // 필수
        present(viewController, animated: true)
    }
}

extension UIViewController: UIPopoverPresentationControllerDelegate {
    // Popover 스타일 표시하려면 필수
    public func adaptivePresentationStyle(for controller: UIPresentationController) -> UIModalPresentationStyle {
        .none
    }
}

#Preview {
    ViewController()
}

팝오버

모달

툴팁

드롭다운

말풍선

채팅

chat

Speech bubble

셀렉트 박스

Select Box

iOS

Swift

UIKit

Xcode

Objective-C

iOS SwiftUI Pie Chart (iOS 17 미만 버전) 파이 차트, 원형 그래프, Donut 도넛

GonsLab — Tue, 1 Oct 2024 00:00:24 +0900

Pie Chart

Donut Chart

// https://medium.com/@iOSchandra0/how-to-create-a-pie-chart-in-swiftui-c7f056d54c81
// iOS 17 미만을 위한 원형 차트
/// 꽉차있는 일반적인 파이 버전
struct PieChart: View {
    @State var slices: [(Double, Color)]
    
    var body: some View {
        Canvas { context, size in
            let total = slices.reduce(0) { $0 + $1.0 }
            context.translateBy(x: size.width * 0.5, y: size.height * 0.5)
            var pieContext = context
            pieContext.rotate(by: .degrees(-90))
            let radius = min(size.width, size.height) * 0.48
            var startAngle = Angle.zero
            for (value, color) in slices {
                let angle = Angle(degrees: 360 * (value / total))
                let endAngle = startAngle + angle
                let path = Path { p in
                    p.move(to: .zero)
                    p.addArc(center: .zero, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: false)
                    p.closeSubpath()
                }
                pieContext.fill(path, with: .color(color))
                startAngle = endAngle
            }
        }
        .aspectRatio(1, contentMode: .fit)
    }
}

/// 중간에 비어있고 데이터 사이사이 갭 있는 도넛 버전
struct PieChart2: View {
    @State var slices: [(Double, Color)]
    
    var body: some View {
        Canvas { context, size in
            // Add these lines to display as Donut
            // Start Donut
            let donut = Path { p in
                p.addEllipse(in: CGRect(origin: .zero, size: size))
                p.addEllipse(in: CGRect(x: size.width * 0.25, y: size.height * 0.25, width: size.width * 0.5, height: size.height * 0.5))
            }
            context.clip(to: donut, style: .init(eoFill: true))
            //End Donut
            let total = slices.reduce(0) { $0 + $1.0 }
            context.translateBy(x: size.width * 0.5, y: size.height * 0.5)
            var pieContext = context
            pieContext.rotate(by: .degrees(-90))
            let radius = min(size.width, size.height) * 0.48
            let gapSize = Angle(degrees: 5) // size of the gap between slices in degrees
            
            var startAngle = Angle.zero
            for (value, color) in slices {
                let angle = Angle(degrees: 360 * (value / total))
                let endAngle = startAngle + angle
                let path = Path { p in
                    p.move(to: .zero)
                    p.addArc(center: .zero, radius: radius, startAngle: startAngle + gapSize / 2, endAngle: endAngle, clockwise: false)
                    p.closeSubpath()
                }
                pieContext.fill(path, with: .color(color))
                startAngle = endAngle
            }
        }
        .aspectRatio(1, contentMode: .fit)
    }
}

#Preview {
    let data: [(Double, Color)] = [
        (2, .red),
        (3, .orange),
        (4, .yellow),
        (1, .green),
        (5, .blue),
        (4, .indigo),
        (2, .purple)
    ]
    return VStack {
        PieChart(slices: data)
        PieChart2(slices: data)
    }
    .padding()
}

출처

https://medium.com/@iOSchandra0/how-to-create-a-pie-chart-in-swiftui-c7f056d54c81

iOS

Swift

Xcode

iOS SwiftUI Radar Chart 방사형 차트 (육각 graph, 오각 그래프)

GonsLab — Sun, 1 Sep 2024 00:00:01 +0900

Radar Chart

방사형 차트

// https://github.com/TheAppWizard/RadarChart
/// 방사형 차트
struct RadarChart: View {
    let data: [Double]
    let labels: [String]
    let maxValues: [Double]
    let shapeColor: Color
    let frameHeight: CGFloat?
    let frameWidth: CGFloat?
    
    init(data: [Double], labels: [String], maxValues: [Double], shapeColor: Color, frameHeight: CGFloat? = nil, frameWidth: CGFloat? = nil) {
        self.data = data
        self.labels = labels
        self.maxValues = maxValues
        self.shapeColor = shapeColor
        self.frameHeight = frameHeight
        self.frameWidth = frameWidth
    }
    
    var body: some View {
        GeometryReader { geometry in
            ZStack {
                RadarChartShape(data: data, maxValues: maxValues, frameSize: geometry.size, shapeColor: shapeColor)
                RadarChartLabels(labels: labels, frameSize: geometry.size)
            }
        }
        .frame(width: frameWidth, height: frameHeight)
    }
}

struct RadarChartShape: View {
    let data: [Double]
    let maxValues: [Double]
    let frameSize: CGSize
    let shapeColor: Color
    
    var body: some View {
        ZStack {
            Path { path in
                let radius = min(frameSize.width, frameSize.height) / 2
                let center = CGPoint(x: frameSize.width / 2, y: frameSize.height / 2)
                let angle = 2 * .pi / Double(data.count)
                
                for i in 0..<data.count {
                    let currentAngle = Double(i) * angle - .pi / 2
                    let x = center.x + CGFloat(radius * cos(currentAngle))
                    let y = center.y + CGFloat(radius * sin(currentAngle))
                    
                    if i == 0 {
                        path.move(to: CGPoint(x: x, y: y))
                    } else {
                        path.addLine(to: CGPoint(x: x, y: y))
                    }
                }
                path.closeSubpath()
            }
            .stroke(Color.primary.opacity(0.5), lineWidth: 2)
            
            
            
            // Lines from vertices to center
            let radius = min(frameSize.width, frameSize.height) / 2
            let center = CGPoint(x: frameSize.width / 2, y: frameSize.height / 2)
            let angle = 2 * .pi / Double(data.count)
            ForEach(0..<data.count, id: \.self) { i in
                let currentAngle = Double(i) * angle - .pi / 2
                let x = center.x + CGFloat(radius * cos(currentAngle))
                let y = center.y + CGFloat(radius * sin(currentAngle))
                
                Path { path in
                    path.move(to: center)
                    path.addLine(to: CGPoint(x: x, y: y))
                }
                .stroke(Color.primary.opacity(0.5), lineWidth: 1)
            }
            
            
            ForEach(0..<data.count, id: \.self) { index in
                let radius = min(frameSize.width, frameSize.height) / 2
                let center = CGPoint(x: frameSize.width / 2, y: frameSize.height / 2)
                let angle = 2 * .pi / Double(data.count)
                
                let currentAngle = Double(index) * angle - .pi / 2
                let currentRadius = (data[index] / maxValues[index]) * radius
                let x = center.x + CGFloat(currentRadius * cos(currentAngle))
                let y = center.y + CGFloat(currentRadius * sin(currentAngle))
                
                Circle()
                    .fill(shapeColor)
                    .frame(width: 10, height: 10)
                    .position(x: x, y: y)
            }
            
            Path { path in
                let radius = min(frameSize.width, frameSize.height) / 2
                let center = CGPoint(x: frameSize.width / 2, y: frameSize.height / 2)
                let angle = 2 * .pi / Double(data.count)
                
                for i in 0..<data.count {
                    let currentAngle = Double(i) * angle - .pi / 2
                    let currentRadius = (data[i] / maxValues[i]) * radius
                    let x = center.x + CGFloat(currentRadius * cos(currentAngle))
                    let y = center.y + CGFloat(currentRadius * sin(currentAngle))
                    
                    if i == 0 {
                        path.move(to: CGPoint(x: x, y: y))
                    } else {
                        path.addLine(to: CGPoint(x: x, y: y))
                    }
                }
                path.closeSubpath()
            }
            .stroke(shapeColor.opacity(0.5), lineWidth: 1)
            //.fill(shapeColor.opacity(0.3)) // 레이더 색 채우기 is only available in iOS 17.0 or newer
        }
    }
}

struct RadarChartLabels: View {
    let labels: [String]
    let frameSize: CGSize
    
    var body: some View {
        let radius = min(frameSize.width, frameSize.height) / 2
        let angle = 2 * .pi / Double(labels.count)
        
        ForEach(0..<labels.count, id: \.self) { index in
            let currentAngle = Double(index) * angle - .pi / 2
            let x = frameSize.width / 2 + (radius + 20) * CGFloat(cos(currentAngle))
            let y = frameSize.height / 2 + (radius + 20) * CGFloat(sin(currentAngle))
            
            Text(labels[index])
                .foregroundColor(.primary)
                .font(.system(size: 20))
                .fontWeight(.bold)
                .position(x: x, y: y)
        }
    }
}

#Preview {
    struct Preview: View {
        @State private var firstValue: Double = 3
        @State private var secondValue: Double = 2
        @State private var thirdValue: Double = 2
        @State private var fourthValue: Double = 3
        @State private var fifthValue: Double = 2
        @State private var sixthValue: Double = 2.5
        
        let labels: [String] =
        ["First", "Second", "Third", "Fourth", "Fifth", "Sixth"]
        let maxValues: [Double] = [3, 3, 3, 3, 3, 3]
        let shapeColor: Color = .orange
        
        var data: [Double] {
            [firstValue, secondValue, thirdValue, fourthValue, fifthValue, sixthValue]
        }
        
        var body: some View {
            RadarChart(data: data, labels: labels, maxValues: maxValues, shapeColor: shapeColor)
                .frame(height: 250)
        }
    }
    
    return Preview()
}

출처

https://github.com/TheAppWizard/RadarChart

iOS

Swift

Xcode

iOS SwiftUI Custom Slider 커스텀 슬라이더 (제어센터 UI)

GonsLab — Thu, 1 Aug 2024 00:00:34 +0900

Custom Slider

// https://nuli.navercorp.com/community/article/1133220
/// 커스텀 슬라이더 (제어센터 UI)
struct CustomSlider: View {
    enum Orientation { case vertical, horizontal }
    @Binding var value: Double
    @State private var percentRate: Double = 0
    var label: String = ""
    var min: Double = 0
    var max: Double = 100
    var orientation: Orientation = .horizontal
    var trackColor: Color?
    var sliderColor: Color?
    /// 간격
    var step: Double = 1
    
    private var labelIsHidden: Bool {
        label.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty
    }
    
    var body: some View {
        let layout = orientation == .horizontal ? AnyLayout(HStackLayout()) : AnyLayout(VStackLayout())
        layout {
            if orientation == .horizontal && !labelIsHidden {
                Text("**\(label)**").dynamicTypeSize(.large) // ** markdown 볼드체, dynamicTypeSize 시스템 설정에 따라 글꼴 크기 자동 조절
            }
            GeometryReader { reader in
                ZStack (alignment: .bottomLeading) {
                    RoundedRectangle(cornerRadius: 12)
                        .foregroundStyle(trackColor ?? Color.primary)
                    
                    if orientation == .horizontal {
                        Rectangle().frame(width: reader.size.width * percentRate)
                            .foregroundStyle(sliderColor ?? Color.accentColor)
                    } else {
                        Rectangle().frame(height: reader.size.height * percentRate)
                            .foregroundStyle(sliderColor ?? Color.accentColor)
                    }
                }.gesture(DragGesture(minimumDistance: 0).onChanged { act in
                    if orientation == .horizontal {
                        let tr = act.location.x > reader.size.width ? reader.size.width : (
                            act.location.x < 0 ? 0 : act.location.x)
                        let rawValue = max * (tr / reader.size.width)
                        value = round(rawValue / step) * step // 값을 step 간격으로 반올림
                    } else if orientation == .vertical {
                        let tr = act.location.y > reader.size.height ? reader.size.height : (
                            act.location.y < 0 ? 0 : act.location.y)
                        let rawValue = max * (1.0 - tr / reader.size.height)
                        value = round(rawValue / step) * step // 값을 step 간격으로 반올림
                    }
                })
            }.clipShape(RoundedRectangle(cornerRadius: 12))
                .frame(width: orientation == .horizontal ? 120 : 40, height: orientation == .horizontal ? 40 : 120)
                .onChange(of: value) { _, new in
                    percentRate = new / max
                    let gen = UINotificationFeedbackGenerator()
                    if new == max || new == min {
                        gen.notificationOccurred(.success)
                    }
                }.onAppear { percentRate = value / max }
            if orientation == .vertical && !labelIsHidden {
                Text("**\(label)**").dynamicTypeSize(.large) // ** markdown 볼드체, dynamicTypeSize 시스템 설정에 따라 글꼴 크기 자동 조절
            }
        }
    }
}

// https://www.reddit.com/r/SwiftUI/comments/17aruvw/comment/k5enzge/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button
// 프리뷰에서 @Binding 뷰 보기
#Preview {
    struct Preview: View {
        @State var value: Double = 0
        @State var value2: Double = 0
        
        var body: some View {
            VStack {
                CustomSlider(value: $value)
                CustomSlider(
                    value: $value2,
                    label: "제어센터UI",
                    orientation: .vertical,
                    trackColor: .black.opacity(0.9),
                    sliderColor: .gray
                )
            }
        }
    }
    return Preview()
}

출처

https://nuli.navercorp.com/community/article/1133220

iOS

Swift

Xcode

[TIL] iOS SwiftUI 글자수, 단어수, 줄수 세기 + 복사, 공유, 툴바, 키보드 닫기 등

GonsLab — Mon, 1 Jul 2024 00:00:54 +0900

/// 글자수 세기
struct ContentView: View {
    
    @State var text = ""
    @FocusState var isFocused: Bool
    
    /// 공백 제외
    var removeSpaceTextCount: Int {
        String(text.filter { $0 != " " }).count
    }
    /// 줄 개수
    var newLineCount: Int {
        text.reduce(text.isEmpty ? 0 : 1) { $1 == "\n" ? $0 + 1 : $0 }
    }
    /// 단어 개수
    var wordCount: Int {
        text.isEmpty ? 0 : text.trimmingCharacters(in: .whitespacesAndNewlines).components(separatedBy: .whitespacesAndNewlines).count
    }
    
    var body: some View {
        VStack {
            HStack {
                Button("전체삭제") {
                    text = ""
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                
                Button("전체복사") {
                    UIPasteboard.general.string = text
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                
                ShareLink(item: text) {
                    Text("공유")
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                }
            }
            .frame(height: 30)
            .disabled(text.isEmpty)
            
            TextEditor(text: $text)
                .padding(8)
                .overlay(
                    RoundedRectangle(cornerRadius: 10)
                        .stroke(.gray.opacity(0.5))
                )
                .focused($isFocused)
            
            HStack {
                VStack(alignment: .leading) {
                    Text("공백포함 : 총 \(text.count)자")
                    Text("공백제외 : 총 \(removeSpaceTextCount)자")
                }
                Spacer()
                VStack(alignment: .trailing) {
                    Text("줄 : \(newLineCount)")
                    Text("단어 : \(wordCount)")
                }
            }
        }
        .padding()
        .toolbar {
            ToolbarItemGroup(placement: .keyboard) {
                Spacer()
                
                Button {
                    isFocused = false
                } label: {
                    Image(systemName: "keyboard.chevron.compact.down")
                }
            }
        }
    }
}

iOS

SwiftUI

Xcode

macOS SwiftUI 맥앱 바로가기 아이콘 빼내기 (add mac app icon to dock)

GonsLab — Sat, 1 Jun 2024 00:00:37 +0900

iOS 는 빌드하면 아이폰에 앱이 생기는데

macOS 는 데스크톱이나 응용프로그램에 앱이 안생깁니다.

그래서 빌드된 앱을 따로 빼줘야 합니다.

macOS add app to dock

실행된 앱을 커맨드⌘ + 클릭하여 설치된 경로 폴더를 열고 옮겨주면 됩니다.

Dock 이든 응용프로그램이든 원하는 폴더로 이동할 수 있습니다.

iOS

Swift

Xcode

macOS SwiftUI 폴더 선택, 파일 이동 (move file)

GonsLab — Wed, 1 May 2024 00:00:32 +0900

출발지에서 목적지로 파일이동

1. 출발지 폴더를 선택하고 정해진 하위 경로의 파일을 목적지로 이동

2. 목적지 폴더가 없을 경우 생성, 목적지에 동일한 파일명이 있을 경우 제거 (덮어쓰기)

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

struct ContentView: View {
    
    @State private var sourcePath: URL?
    @State private var destinationPath: URL?
    @State private var message: String?
    
    var body: some View {
        VStack {
            Button("출발지 폴더 선택") {
                selectFolder { url in
                    sourcePath = url
                }
            }
            Text(sourcePath?.absoluteString ?? "")
            
            Button("목적지 폴더 선택") {
                selectFolder { url in
                    destinationPath = url
                }
            }
            Text(destinationPath?.absoluteString ?? "")
            
            Button("파일 이동") {
                moveFiles()
            }
            Text(message ?? "")
        }
    }
    
    /// 폴더 선택
    func selectFolder(completion: @escaping (URL) -> Void) {
        let openPanel = NSOpenPanel()
        openPanel.canChooseFiles = false
        openPanel.canChooseDirectories = true
        openPanel.begin { response in
            if response == .OK, let url = openPanel.urls.first {
                completion(url)
            }
        }
    }
    
    /// 파일 이동
    func moveFiles() {
        guard let sourcePath,
              let destinationPath else {
            message = "Source or destination folder not selected."
            return
        }
        
        let fileName = "img.png"
        let sourceURL = sourcePath.appendingPathComponent("A").appendingPathComponent(fileName)
        let destinationFolderURL = destinationPath.appendingPathComponent("B").appendingPathComponent("C")
        let destinationFileURL = destinationFolderURL.appendingPathComponent(fileName)
        
        let fileManager = FileManager.default
        
        if fileManager.fileExists(atPath: destinationFolderURL.path) { // 목적지 폴더가 있을 경우
            if fileManager.fileExists(atPath: destinationFileURL.path) { // img.png 파일이 있다면 삭제
                do {
                    try fileManager.removeItem(at: destinationFileURL)
                } catch {
                    message = "파일 삭제 실패: \(error.localizedDescription)"
                }
            }
        } else { // 목적지 폴더가 없을 경우
            do { // 폴더 생성
                try fileManager.createDirectory(at: destinationFolderURL, withIntermediateDirectories: true)
            } catch {
                message = "폴더 생성 실패: \(error.localizedDescription)"
            }
        }
        
        do { // 복사 시작
            try fileManager.copyItem(at: sourceURL, to: destinationFileURL)
            message = "복사 성공"
        } catch {
            message = "복사 실패: \(error.localizedDescription)"
        }
    }
}

지금은 1개의 파일만 예시로 작성했지만

회사에서 다수의 각기 다른 경로 파일들을 옮기는데 유용하게 사용중

해당 맥앱을 활용하여 일일히 파일 옮기는 시간 단축↓ , 업무 효율 향상↑

iOS

Swift

Xcode

iOS SwiftUI 드래그 앤 드롭 Drag And Drop (DND)

GonsLab — Mon, 1 Apr 2024 00:00:27 +0900

Drag And Drop

// https://www.codecademy.com/resources/docs/swiftui/drag-and-drop
// https://hyeondxx.medium.com/swiftui-customlist-순서-바꾸기-58ff224b1ad8
/// 드래그 앤 드랍 (순서 변경)
struct DropViewDelegate: DropDelegate {
    
    let item: String
    @Binding var items: [String]
    @Binding var draggedItem: String?
    
    // 드래그 할 때 아이템 우측 상단에 표시되는 이미지 설정 (이 매서드 아예 안쓰면 기본 값 copy : + 플러스 이미지)
    func dropUpdated(info: DropInfo) -> DropProposal? {
        DropProposal(operation: .move) // move, cancel 은 이미지 안나옴. forbidden 는 ⛔︎ 이런 이미지 나옴
    }
    
    func performDrop(info: DropInfo) -> Bool {
        draggedItem = nil
        return true
    }
    
    func dropEntered(info: DropInfo) {
        guard let draggedItem,
              draggedItem != item,
              let to = items.firstIndex(of: item),
              let from = items.firstIndex(of: draggedItem) else { return }
        
        withAnimation {
            items.move(fromOffsets: IndexSet(integer: from), toOffset: to > from ? to + 1 : to)
        }
    }
}

struct ContentView: View {
    
    // 그냥 [Image] 배열로 하면 애니메이션이 작동하지 않고, String 같은 Hashable 데이터로 해야 애니메이션이 적용 됨.
    @State var items = ["person", "photo", "dog", "cat"]
    
    @State var draggedItem: String?
    
    var body: some View {
        VStack(spacing: 20) {
            ForEach(items, id: \.self) { item in
                Image(systemName: item)
                    .resizable()
                    .frame(width: 100, height: 100)
                    .onDrag {
                        self.draggedItem = item
                        return NSItemProvider()
                    }
                    .onDrop(
                        of: [.image],
                        delegate: DropViewDelegate(
                            item: item,
                            items: $items,
                            draggedItem: $draggedItem
                        )
                    )
            }
        }
    }
}

iOS

Swift

Xcode

스유

스위프트유아이

Objective-C

옵씨

iOS SwiftUI PageControl 페이지 컨트롤

GonsLab — Fri, 1 Mar 2024 00:00:24 +0900

PageControl

/// 커스텀 페이지 컨트롤 애니메이션 Custom PageControl + Animation
struct PageControl: View {
    
    var numberOfPages: Int
    @Binding var currentPage: Int
    
    var body: some View {
        HStack(spacing: 8) {
            ForEach(0..<numberOfPages, id: \.self) { pagingIndex in
                
                let isCurrentPage = currentPage == pagingIndex
                let height = 8.0
                let width = isCurrentPage ? height * 2 : height
                
                Capsule()
                    .fill(isCurrentPage ? .blue : .gray.opacity(0.5))
                    .frame(width: width, height: height)
            }
        }
        .animation(.linear, value: currentPage)
    }
}

#Preview {
    PageControl(numberOfPages: 3, currentPage: .constant(0))
}

struct ContentView: View {
    
    let array: [Color] = [.red, .green, .blue]
    
    @State var selection = 0
    
    var body: some View {
        
        VStack {
            TabView(selection: $selection) {
                ForEach(array.indices, id: \.self) {
                    array[$0]
                        .tag($0)
                }
            }
            .tabViewStyle(.page(indexDisplayMode: .never))
            .frame(width: 300, height: 300)
            
            PageControl(numberOfPages: array.count, currentPage: $selection)
        }
    }
}

iOS

Swift

Xcode

PageControl

UIPageControl

TabView

tabViewStyle

indexDisplayMode

페이지컨트롤

인디케이터

indicator

iOS SwiftUI FlowLayout 컨텐츠 크기 만큼 아래로 배치 되는 레이아웃

GonsLab — Thu, 1 Feb 2024 00:00:52 +0900

FlowLayout

import SwiftUI

/// 컨텐츠 크기 만큼 아래로 배치 되는 레이아웃 iOS 16+
struct FlowLayout: Layout {
    var spacing: CGFloat? = nil
    var lineSpacing: CGFloat = 10.0 // 기본 줄 간격을 설정
    
    struct Cache {
        var sizes: [CGSize] = []
        var spacing: [CGFloat] = []
    }
    
    func makeCache(subviews: Subviews) -> Cache {
        let sizes = subviews.map { $0.sizeThatFits(.unspecified) }
        let spacing: [CGFloat] = subviews.indices.map { index in
            guard index != subviews.count - 1 else {
                return 0
            }
            
            return subviews[index].spacing.distance(
                to: subviews[index+1].spacing,
                along: .horizontal
            )
        }
        
        return Cache(sizes: sizes, spacing: spacing)
    }
    
    func sizeThatFits(
        proposal: ProposedViewSize,
        subviews: Subviews,
        cache: inout Cache
    ) -> CGSize {
        var totalHeight = 0.0
        var totalWidth = 0.0
        
        var lineWidth = 0.0
        var lineHeight = 0.0
        
        for index in subviews.indices {
            if lineWidth + cache.sizes[index].width > proposal.width ?? 0 {
                totalHeight += lineHeight + lineSpacing // 줄 간격 추가
                lineWidth = cache.sizes[index].width
                lineHeight = cache.sizes[index].height
            } else {
                lineWidth += cache.sizes[index].width + (spacing ?? cache.spacing[index])
                lineHeight = max(lineHeight, cache.sizes[index].height)
            }
            
            totalWidth = max(totalWidth, lineWidth)
        }
        
        totalHeight += lineHeight
        
        return .init(width: totalWidth, height: totalHeight)
    }
    
    func placeSubviews(
        in bounds: CGRect,
        proposal: ProposedViewSize,
        subviews: Subviews,
        cache: inout Cache
    ) {
        var lineX = bounds.minX
        var lineY = bounds.minY
        var lineHeight: CGFloat = 0
        
        for index in subviews.indices {
            if lineX + cache.sizes[index].width > (proposal.width ?? 0) {
                lineY += lineHeight + lineSpacing // 줄 간격 추가
                lineHeight = 0
                lineX = bounds.minX
            }
            
            let position = CGPoint(
                x: lineX + cache.sizes[index].width / 2,
                y: lineY + cache.sizes[index].height / 2
            )
            
            lineHeight = max(lineHeight, cache.sizes[index].height)
            lineX += cache.sizes[index].width + (spacing ?? cache.spacing[index])
            
            subviews[index].place(
                at: position,
                anchor: .center,
                proposal: ProposedViewSize(cache.sizes[index])
            )
        }
    }
}

struct ContentView: View {
    
    let array = "다중 레이아웃을 사용하면 다양한 방식으로 뷰를 구성할 수 있습니다. 한 가지 중요한 것은 콘크리트 레이아웃의 하위 항목 사이의 간격입니다. 이번 주에 우리는 뷰 사이의 특정 간격을 지정할 수 있는 사용자 정의 레이아웃을 구축하는 방법과 SwiftUI에서 플랫폼 중심의 사전 정의된 간격 규칙을 준수하는 방법을 배울 것입니다.".split(separator: " ")
    
    var body: some View {
        VStack {
            FlowLayout(spacing: 10, lineSpacing: 10) {
                ForEach(array.indices, id: \.self) {
                    Text(array[$0])
                        .font($0.isMultiple(of: 2) ? .title : .title2)
                        .border(Color.red)
                }
            }
        }
    }
}

출처

https://swiftwithmajid.com/2022/11/16/building-custom-layout-in-swiftui-basics

https://swiftwithmajid.com/2022/12/06/building-custom-layout-in-swiftui-spacing

iOS

Swift

Xcode

iOS Swift 유튜브 리젝 (YouTube Reject)

GonsLab — Thu, 4 Jan 2024 15:54:00 +0900

Guideline 2.3.6 - Performance - Accurate Metadata

The rating you have selected, 4+, is inconsistent with the content of your app. Since your app allows filtered access to YouTube, where content with mature or suggestive themes can be accessed, it should be rated 12+.

Next Steps

To resolve this issue, please update your Rating selections in App Store Connect.

- Log in to App Store Connect

- Click on "My Apps"

- Select your app

- Scroll down to select a Rating on the App Details page

- Click the Edit button next to "Rating"

- Revise the Rating selections to yield 12+

- Click "Done"

- Once you've completed all changes, click the "Save" button at the top of the App Version Information page.

Note: Apps must be rated accordingly for the highest level of content that the user is able to access in the app.

Please see attached screenshot for details.

거절 사유:

2.3.6 Performance: Accurate Metadata

앱 내에 있는 유튜브 컨텐츠가 아동용이 아닐 때 앱 연령 제한이 4+ 세 이면 리젝입니다.

12+ 세 로 올리면 됩니다.

iOS

Swift

Xcode

iOS SwiftUI TabView 의 tabItem 누를 때 탭 전환 대신, 네비게이션 이동

GonsLab — Mon, 1 Jan 2024 00:00:15 +0900

탭뷰의 아이템 터치 시 탭 전환 말고 Navigation 이동

/// iOS 16 이상 버전
struct ContentView: View {
    
    @State private var isDetailViewPresented = false
    @State private var selectedTabIndex = 0
    
    var body: some View {
        
        NavigationStack {
            TabView(selection: $selectedTabIndex) {
                
                Text("Tab 0 Content")
                    .tabItem {
                        Image(systemName: "0.circle.fill")
                        Text("Tab 0")
                    }
                    .tag(0)
                Text("Tab 1 Content")
                    .tabItem {
                        Image(systemName: "1.circle.fill")
                        Text("Tab 1")
                    }
                    .tag(1)
                Text("Tab 2 Content")
                    .tabItem {
                        Image(systemName: "2.circle.fill")
                        Text("Tab 2")
                    }
                    .tag(2)
            }
            .onChange(of: selectedTabIndex) { oldValue, newValue in
                if newValue == 2 {
                    self.selectedTabIndex = oldValue
                    isDetailViewPresented = true
                }
            }
            .navigationDestination(isPresented: $isDetailViewPresented) {
                Text("navigationDestination")
            }
        }
    }
}

/// iOS 16 미만 버전
struct ContentView2: View {
    
    @State private var isDetailViewPresented = false
    @State private var selectedTabIndex = 0
    
    var body: some View {
        
        NavigationView {
            TabView(selection: $selectedTabIndex) {
                
                Text("Tab 0 Content")
                    .tabItem {
                        Image(systemName: "0.circle.fill")
                        Text("Tab 0")
                    }
                    .tag(0)
                Text("Tab 1 Content")
                    .tabItem {
                        Image(systemName: "1.circle.fill")
                        Text("Tab 1")
                    }
                    .tag(1)
                Text("Tab 2 Content")
                    .tabItem {
                        Image(systemName: "2.circle.fill")
                        Text("Tab 2")
                    }
                    .tag(2)
            }
            .onChange(of: selectedTabIndex) { [selectedTabIndex] newTab in
                if newTab == 2 {
                    self.selectedTabIndex = selectedTabIndex
                    isDetailViewPresented = true
                }
            }
            .background(
                NavigationLink(
                    destination: Text("NavigationLink"),
                    isActive: $isDetailViewPresented
                ) {
                    EmptyView()
                }
                .hidden()
            )
        }
    }
}

iOS

Swift

Xcode

SwiftUI

스유

iOS Swift 심사 스크린샷 리젝 (Review Screenshot Reject)

GonsLab — Fri, 1 Dec 2023 00:00:30 +0900

Bug Fix Submissions

The issues we've identified below are eligible to be resolved on your next update. If this submission includes bug fixes and you'd like to have it approved at this time, reply to this message and let us know. You do not need to resubmit your app for us to proceed.

Alternatively, if you'd like to resolve these issues now, please review the details, make the appropriate changes, and resubmit.

Guideline 2.3.3 - Performance - Accurate Metadata

We noticed that your screenshots do not sufficiently show your app in use. Specifically, your iPad Pro (2nd Gen) and iPad Pro (6th Gen) screenshots show an iPhone device frame.

To help users understand your app’s functionality and value, your screenshots should highlight your app's core concept. For example, a gaming app should feature screenshots that capture actual gameplay within the app.

Next Steps

Please revise your screenshots to ensure that they accurately reflect the app in use on the supported devices.

Keep in mind the following requirements:

- Marketing or promotional materials that do not reflect the UI of the app are not appropriate for screenshots.
- The majority of the screenshots should highlight your app's main features and functionality.
- Confirm that your app looks and behaves identically in all languages and on all supported devices.
- Make sure that the screenshots show your app in use on the correct device. For example, iPhone screenshots should be taken on iPhone, not on iPad.

Resources

- To learn more about creating great screenshots for the App Store, see Creating your product page.
- To learn more about uploading screenshots, see App Store Connect Help.

Please see attached screenshots for details.

아이패드 스크린샷에 아이패드 이미지 없이 아이폰 프레임만 사용하면 리젝입니다.

iOS

Swift

Xcode

iOS Swift Google ML Kit - 머신러닝 번역 (Machine Learning Translation)

GonsLab — Wed, 1 Nov 2023 00:00:57 +0900

안녕하세요 Gons 입니다.

오늘은 Google ML Kit 을 소개하려고 합니다.

구글 머신러닝으로 크게 Vision API 와 Natural Language API 가 있는데

얼굴 인식, 텍스트 인식, 언어 식별 등 다양한 기능을 제공합니다.

회사에서 다국어 지원 앱을 개발하는데 여러 언어의 로컬라이징 파일을 관리하기 번거롭기도 하고

한번에 번역할 수 있는 방법을 찾다가 구글 ML Kit 번역을 학습해보게 되었습니다.

우선 공식 사이트입니다.

https://developers.google.com/ml-kit

ML Kit | Google for Developers

모바일 개발자를 위한 Google의 기기별 머신러닝 키트입니다.

developers.google.com

비용은 무료입니다.

Google ML Kit 무료

CocoaPods 만 지원합니다. SPM 은 지원하지 않습니다.

CocoaPods 로만 제공

코코아팟으로 현재 최신 버전을 설치하고

pod 'GoogleMLKit/Translate', '3.2.0'

임포트 해주세요.

import MLKitTranslate

출발어와 도착어를 설정합니다.

let options = TranslatorOptions(sourceLanguage: .korean, targetLanguage: .english)
let koreanEnglishTranslator = Translator.translator(options: options)

조건을 설정해줍니다.

let conditions = ModelDownloadConditions(
    allowsCellularAccess: false, // 셀룰러 허용 여부
    allowsBackgroundDownloading: true // 백그라운드 다운 허용 여부
)

언어 모델을 다운로드 하고

koreanEnglishTranslator.downloadModelIfNeeded(with: conditions) { error in
    guard error == nil else { return }
    print("언어 모델 다운로드 완료")
}

번역하면 됩니다.

koreanEnglishTranslator.translate("안녕") { translatedText, error in
    guard error == nil, let translatedText else { return }
    print(translatedText) // Hi
}

Google ML Kit Translation

이 외에도 언어별 번역 모델 관리, 다운로드 프로그레스 등 몇가지 기능이 더 있습니다.

잘 활용하면 좋은 SDK 인 것 같습니다.

다음에 또 좋은 정보로 글 쓰겠습니다.

감사합니다.

iOS

Swift

Xcode

iOS Swift 네이버 그린닷 UI 구현 학습 (Circle CollectionView , Rotating Wheel , Circular Picker , Spin Menu)

GonsLab — Wed, 7 Jun 2023 23:34:28 +0900

네이버 앱에 보면 가운데 버튼 눌렀을 때 나오는 회전 메뉴가 있습니다.

그린닷이라고 하는데요 미스고 라는 부동산 앱에도 같은 UI가 있네요.

휠을 돌리는게 신기하기도 하고 공부도 할겸 저도 한번 만들어 봤습니다.

네이버 그린닷

처음에는 컬렉션뷰로 하는건줄 알고 Circle CollectionView 이런식의 키워드로 접근했는데 안나오더라고요

그래서 Rotating Wheel , Circular Picker , Spin Menu 등으로 검색하다가 괜찮아보이는걸 찾았습니다.

https://github.com/joshdhenry/SpinWheelControl

GitHub - joshdhenry/SpinWheelControl: An inertial spinning wheel UI control that allows selection of an item. Cocoapod written i

An inertial spinning wheel UI control that allows selection of an item. Cocoapod written in Swift. - GitHub - joshdhenry/SpinWheelControl: An inertial spinning wheel UI control that allows selectio...

github.com

이 라이브러리가 제일 비슷한 것 같아서 이걸 베이스로 하기로 결정하고 수정해봤습니다.

큰 틀은 UIControl 로 되어 있고, 애니메이션을 일반적인 방식이 아니라 CADisplayLink 로 하는데

이게 디스플레이의 주사율에 맞춰서, 특정 함수를 호출시킬 수 있는 타이머 개체입니다.

처음에는 어려웠지만 하다보니 되더라고요.

회전 메뉴 UI

작업한 내용은 크게 이렇습니다.

- 회전 시 각 부채꼴 도형에 똑바로 서있는 뷰 추가 (난이도 상)

- 이전, 다음 버튼으로 한칸 이동 동작 추가 (연타 대응 완료)

- 스핀 또는 버튼으로 회전 후 최종으로 멈춘 이벤트 전달 추가

- 각 부채꼴 조각 터치 이벤트 추가

- 중앙 버튼 추가

UIControl Tracking , CADisplayLink , CAShapeLayer , atan2 , sqrt , abs 등

새로운 것도 많이 알게 되어서 도움이 많이 됐습니다.

끝~!

iOS

Swift

Xcode

Naver

게시판 리젝 Guideline 1.2 - Safety - User Generated Content

GonsLab — Sun, 4 Jun 2023 12:18:04 +0900

게시판 기능을 추가해서 업데이트를 올렸는데 리젝이 됐습니다.

익명게시판도 있고, 신고 기능도 있었습니다.

Guideline 1.2 - Safety - User Generated Content

Your app enables users to post content anonymously but does not have the proper precautions in place.

Next Steps

To resolve this issue, please revise your app to implement all of the following precautions:

- Age rating must reflect 17+

- A mechanism for users to block abusive users

- To clarify, the user should be able to block another user without having to flag the content 3 times

Please see attached screenshots for details.

거절 사유:

1.2.0 Safety: User Generated Content

리젝 내용

앱에서 사용자가 익명으로 콘텐츠를 게시할 수 있지만 적절한 예방 조치가 마련되어 있지 않습니다.

이 문제를 해결하려면 다음 예방 조치를 모두 구현하도록 앱을 수정하세요.
- 연령 등급은 17세 이상을 반영해야 합니다.
- 사용자가 악의적인 사용자를 차단하는 메커니즘

- 명확히 하기 위해 사용자는 콘텐츠를 3번 신고하지 않고도 다른 사용자를 차단할 수 있어야 합니다.

조치 내용

- 원래 4세 이상이었던 앱의 연령 등급을 17세 이상으로 변경했습니다.

- 글 작성란에 "내용을 입력하세요." 라는 플레이스홀더를 "부적절하거나 불쾌감을 줄 수 있는 컨텐츠를 게시할 경우 제재를 받을 수 있습니다." 로 변경했습니다.

- 1회만 신고를 해도 사용자를 차단할 수 있도록 게시판 운영 정책을 변경하고 신고 및 처리 과정에 대한 메커니즘 설명과 영상을 첨부했습니다.

- 게시글, 댓글 신고 화면에 "누적 신고 횟수가 3회 이상인 사용자는 게시판 사용이 제한된다"는 문구가 있었는데 제거했습니다.

- 게시글, 댓글 신고 완료 후 팝업에 "신고 내용은 24시간 이내 조치됨" 이라는 문구를 추가했습니다.

- 앱에서 문의 방법 4가지 (이메일, 전화, 홈페이지, 메신저 채널) 를 이용하는 영상을 첨부했습니다.

- 서비스 이용 약관 중 게시판에 대한 부분에서 "불쾌한 콘텐츠 또는 남용하는 사용자에 대한 관용이 없다" 는 내용 확인 스크린샷을 첨부했습니다.

재심사 후 통과됐습니다.

게시판 기능을 추가할 때는 위 사항을 미리미리 준비하면 좋을 것 같습니다.

감사합니다.

iOS

Swift

Xcode

Reject

Board

Objective-C

iOS Swift 배열 개수 자르기 Array Slice

GonsLab — Sat, 3 Jun 2023 16:05:14 +0900

let numbers = [1, 2, 3, 4, 5]

//앞에서 2개 가져오기
print(numbers.prefix(2))    // Prints "[1, 2]"
//최대 개수 넘어도 상관없음
print(numbers.prefix(10))   // Prints "[1, 2, 3, 4, 5]"

//뒤에서 2개 가져오기
print(numbers.suffix(2))    // Prints "[4, 5]"
//최대 개수 넘어도 상관없음
print(numbers.suffix(10))   // Prints "[1, 2, 3, 4, 5]"

iOS

Swift

Xcode

iOS Swift 클립보드 복사 UIPasteboard 문자열, 이미지

GonsLab — Wed, 1 Mar 2023 00:00:21 +0900

문자열만 복사

UIPasteboard.general.string = "복사할 문자열"

이미지만 복사

UIPasteboard.general.image = UIImage(systemName: "photo")

문자열과 이미지 같이 복사

import UniformTypeIdentifiers

if let imageData = UIImage(systemName: "photo")?.pngData() {
    let pasteboard = [
        [UTType.utf8PlainText.identifier : "복사할 문자열"],
        [UTType.png.identifier : imageData],
    ]
    UIPasteboard.general.setItems(pasteboard)
}

iOS Swift Xcode SwiftUI Objective-C Combine RxSwift

Copy

Paste

Clipboard

UIPasteboard

사진 Image 텍스트 Text 함께 클립보드 복사 붙여넣기

이벤트 리젝 Guideline 5.3.2 - Legal - Gaming, Gambling, and Lotteries

GonsLab — Wed, 1 Feb 2023 00:00:10 +0900

Guideline 5.3.2 - Legal - Gaming, Gambling, and Lotteries

Your app includes a contest or sweepstakes but it does not:

- Indicate that Apple is not involved in any way with the contest or sweepstakes.

Next Steps

It is necessary to:

- Include official rules of the contest or sweepstakes in the app and ensure the rules are available to users at all times.

- Include an explicit statement in the contest or sweepstakes rules specifying that Apple is not a sponsor.

Please see attached screenshot for details.

거절 사유:

5.3.2 Legal: Gambling, Gaming, and Lotteries

거절 첨부 파일:

에어팟을 주는 이벤트였는데 리젝이 됐습니다.

이벤트 이미지 하단에 Apple 은 이 이벤트와 무관하다는 문구를 삽입하고,

이벤트 설명에 대한 PDF 문서를 회신한 후 통과됐습니다.

경품 이벤트를 진행할 때는 위 사항을 미리 준비해서 일정에 차질이 없도록 하면 좋을 것 같아요.

iOS

Swift

Xcode

SwiftUI

Objective-C

Combine

RxSwift

Reject

Event

iOS Swift 사용자 정의 연산자 Custom Operator

GonsLab — Sun, 1 Jan 2023 00:00:38 +0900

postfix operator ~~

extension String {
    static postfix func ~~ (string: Self) -> Character {
        return string.last ?? Character("")
    }
}

"Gons"~~		// s

문자열의 마지막 글자를 ~~ 물결 2개로 가져옴.

이런식으로 원하는 동작을 하는 연산자를 만들 수 있습니다.

iOS

Swift

Xcode

Custom Operator

postfix

prefix

infix

ternary

원티드 프리온보딩 iOS 챌린지 1차 (Wanted Free Onboarding iOS Challenge)

GonsLab — Wed, 16 Nov 2022 00:00:32 +0900

안녕하세요 Gons 입니다.
원티드에서 iOS 프리온보딩을 진행한다고 합니다.

https://www.wanted.co.kr/events/pre_challenge_ios_1

프리온보딩 iOS 챌린지 1차 | 원티드

AI 채용, 연봉 정보, 이력서, 커리어 콘텐츠까지 커리어 성장에 필요한 모든 것, 원티드에서 만나보세요.

www.wanted.co.kr

챌린지 일정

11.10 (목) - 11.23 (수)참가 신청 및 사전 과제 수행
11.28 (월) - 12.9 (금)기술 역량 향상 (2주)- 강의 : 월요일 & 목요일 19시 30분 (총 12시간, 온라인)
12.12 (월) - 1.6 (금)취업 챌린지 진행 (4주)- 이력서 지원부터 ~ 합격까지 (개별 취업 활동)
1.9 (월)챌린지 종료 및 시상

우리의 목표는

기업의 기술 과제를 수행하며 흔히 저지를 수 있는 안 좋은 습관을 없애는 거예요.
내 생각과 근거를 갖춘 코드를 작성하는 생각의 방향을 찾는 거예요.
피드백을 통해 놓치는 부분을 채워서 한 발짝 더 성장하는 거예요.
취업에 성공해서 iOS 개발자로서 멋지게 커리어를 시작하는 거예요.
이번 챌린지를 통해 아마추어적인 코드를 프로의 코드처럼 리팩토링 하는 경험을 하게 될 거예요.

기술과제 합격을 위한 네 가지 리팩토링

리팩토링 01 - 객체 지향 프로그래밍을 올바르게 이해하고 적용합니다.
리팩토링 02 - Swift 언어의 특성을 고려해 리팩토링을 수행합니다.
리팩토링 03 - 성능향상을 위해 코드를 개선합니다.
리팩토링 04 - 코드의 안정성 확보를 위해 테스트를 적용합니다.

사전 과제

사전 과제는 챌린지를 준비하며 스스로의 학습 수준을 점검하기 위한 용도입니다.
학습 커리큘럼은 사전 과제를 기반으로 내용이 구성되어 있습니다.
강의 시간에 사전 과제의 코드를 리팩토링하며 발전시켜갑니다.
효과적인 기술 역량 향상을 위해 사전 과제 수행 후 챌린지에 참가하는 것을 권장드립니다.
링크) 프리온보딩 iOS 챌린지 11월 - 사전과제

원티드 프리온보딩 챌린지 iOS과정 사전과제

- 사전과제는 자신의 GitHub의 공개 저장소에 작성하여 링크를 전달주세요. - 링크는 챌린지 시작 전 등록 설문을 통해 전달하실 수 있습니다. (추후 안내 예정) - 사전 과제는 챌린지를 준비하며

yagomacademy.notion.site

커리큘럼
11월 챌린지 메이커야곰아카데미 대표 야곰 | 카카오, 빗썸 등 다수 강의 진행

Week 1-1

코드의 기본기

기초 코딩 습관, 객체지향 프로그래밍, 타입 설계

[OT] 강사 소개, 코스 커리큘럼 및 학습 목표 소개
코딩의 필수 기초습관 향상
객체지향 프로그래밍을 제대로 이해하고 코드에 적용
[아하!모먼트]라이브러리, 디자인패턴, 아키텍쳐의 현명한 활용
[아하!모먼트]라이브 이력서 검토 I

Week 1-2

안전한 코드

옵셔널, 함수형 프로그래밍, 고차함수, 오류처리

Swift 언어의 특성을 반영한 프로그래밍
고차함수를 통한 안전한 프로그래밍
상황에 따른 적절한 오류처리
[아하!모먼트]면접에선 울고 나와야 한다.
[아하!모먼트]라이브 이력서 검토 II

Week 2-1

성능을 고려한 코드

P.O.P, Swift Performance

Swift 언어의 특성을 반영한 프로그래밍
Protocol Oriented Programming 개념 습득 및 활용
Swift 언어의 성능향상을 고려한 코드작성
[아하!모먼트]내가 찾는 그것이 있는 곳 - 공식문서, WWDC (좋은 세션, 문서 소개하기)
[아하!모먼트]라이브 이력서 검토 III

Week 2-2

테스트 가능한 코드

Unit Test, Testing, TDD

Unit Test의 활용
Unit Test를 활용한 TDD
테스트 가능한 코드 작성
[아하!모먼트]나도 회사를 면접봐야 한다
[아하!모먼트]라이브 이력서 검토 IV

온라인이고 퇴근 시간 이후라 가능 할 것 같아요
사전과제도 쉽고 지원금도 있다고 하니 한번쯤 해보는 것도 좋을 것 같은데요 ㅎㅎ
저도 간단하게 해서 깃허브에 올렸습니다.

https://github.com/tjdrhs90/MyCreditManager

GitHub - tjdrhs90/MyCreditManager: 원티드 프리온보딩 챌린지 iOS

원티드 프리온보딩 챌린지 iOS. Contribute to tjdrhs90/MyCreditManager development by creating an account on GitHub.

github.com

되면 재밌을 것 같네요.
끝
iOS
Swift
Xcode
MacOS
Command Line Tool
readLine

리젝 회원 탈퇴 기능 (Reject Membership Withdrawal Delete Account)

GonsLab — Thu, 10 Nov 2022 00:00:44 +0900

Guideline 5.1.1(v) - Data Collection and Storage

We noticed that your app supports account creation but does not appear to include an option to initiate account deletion.

Apps that support account creation must also offer account deletion to give App Store users more control of the data they've shared while using your app.

Next Steps

If your app already supports account deletion, reply to this message and let us know how to locate this feature. If your app does not support account deletion, revise your app to include an option to initiate account deletion.

If you are unable to offer account deletion or need to provide additional customer service flows to facilitate and confirm account deletion, either because your app operates in a highly-regulated industry or for some other reason, reply to this message in App Store Connect and provide additional information or documentation. If you have questions regarding your legal obligations, check with your legal counsel.

Keep these requirements in mind when updating your app to support account deletion:

- Only offering to temporarily deactivate or disable an account is insufficient.

- If users need to visit a website to finish deleting their account, include a link directly to the page on your website where they can complete the process.

- You may include confirmation steps to prevent users from accidentally deleting their account. However, only apps in highly-regulated industries may require users to use customer service resources, such as making a phone call or sending an email, to complete account deletion.

Resources

- Review frequently asked questions and learn more about the account deletion requirements.

- Apps that offer Sign in with Apple should use the Sign in with Apple REST API to revoke user tokens.

iOS 앱 1.0.0
앱 버전

거절 사유:

5.1.1 Legal: Privacy - Data Collection and Storage

안녕하세요 Gons 입니다.

회원탈퇴 기능이 있는데 못 찾겠다고 리젝됐습니다.

탈퇴가 없다면 추가하고 있다면 하는 방법을 알려달라고 합니다.

회원탈퇴 하는 법을 스크린샷 찍어서 회신했습니다.

출시 일정에 차질이 없도록 미리미리 처음부터

앱 심사 정보에 탈퇴하는법 스크린샷을 추가 해놓으면 좋을 것 같아요.

끝.

계정삭제

계정탈퇴

iOS

Swift

Xcode

iOS Swift URLSession (Alamofire 없이 http 통신)

GonsLab — Sat, 1 Oct 2022 00:00:52 +0900

안녕하세요 Gons 입니다.

제 블로그 통계를 보니 Alamofire 정리글 이 조회수가 가장 많아서

오늘은 URLSession 으로 알라모파이어 없이 http 통신을 해보겠습니다.

기본 Foundation 에 포함되어 있어서 따로 라이브러리 설치 안해도 됩니다.

1. GET

일단 간단하게 GET 먼저 해보겠습니다.

https://jsonplaceholder.typicode.com

이 사이트에 데이터를 가져올겁니다.

JSONPlaceholder - Free Fake REST API

{JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. As of Oct 2021, serving ~1.7 billion requests each month.

jsonplaceholder.typicode.com

이렇게 작성하고 실행하면

    func get() {
        //도메인 넣어서 URL 컴포넌트 생성
        var components = URLComponents(string: "https://jsonplaceholder.typicode.com")
        //도메인 뒤에 API 주소 삽입
        components?.path = "/comments"
        //파라미터 추가할거 있으면 작성
        let parameters = [URLQueryItem(name: "postId", value: "1"),
                          URLQueryItem(name: "id", value: "2")]
        components?.percentEncodedQueryItems = parameters
        //URL 생성
        guard let url = components?.url else { return }
        print(url)
        //리퀘스트 생성
        var request: URLRequest = URLRequest(url: url)
        //통신 방법 지정
        request.httpMethod = "GET"
        //태스크 생성
        let task = URLSession.shared.dataTask(with: request) { data, response, error in
            //여기서 에러 체크 및 받은 데이터 가공하여 사용
            guard let data,
                  let str = String(data: data, encoding:.utf8) else { return }
            print(str)
        }
        //실행
        task.resume()
    }

데이터를 잘 가져옵니다.

디버그 영역

https://jsonplaceholder.typicode.com/comments?postId=1&id=2

우리가 만든 이 URL을 그대로 사파리에 쳐보면 똑같은 데이터를 확인할 수 있습니다.

2. POST

이제 POST 를 해볼건데요

서버로 데이터를 보내야하기 때문에

https://ptsv2.com/

이 사이트에 임시 서버를 만들어서 데이터를 보내보겠습니다.

PTS - V2

Welcome to Henry's Post Test Server V2! This is a service for developers testing clients that POST and GET things over HTTP. To begin, use the search below to find an unclaimed toilet. (Toilets are where your dumps go) *All this form does is redirect you t

ptsv2.com

사이트에 접속해서 빨간색 표시한 버튼 눌러서 서버 하나 만들어주세요.

서버가 만들어졌습니다. 빨간색 박스 표시한 주소를 복사해주세요.

설정 보기도 눌러보면

통신 성공 했을 때 이런 메시지가 나온다고 합니다. 바꿀 수도 있고요.

자 이제 서버로 보낼 데이터 모델 하나 만들고요

struct User: Codable {
    var name: String
    var job: String
}

아까 복사해둔 서버 주소로 아래와 같이 작성하고 실행하면

    func post() {
        var components = URLComponents(string: "https://ptsv2.com")
        //아까 복사해둔 서버 주소
        components?.path = "/t/swnuy-1664239957/post"
        
        guard let url = components?.url else { return }
        
        var request: URLRequest = URLRequest(url: url)
        
        request.httpMethod = "POST"
        //헤더 지정
        request.setValue("application/json", forHTTPHeaderField: "Content-Type")
        //타임아웃 시간 지정. (5초 이상 걸리면 중지)
        request.timeoutInterval = 5
        //Codable 모델 생성
        let bodyModel = User(name: "Gons", job: "iOS")
        //Codable 모델을 JSON 인코딩하여 데이터로 만든 후 http 바디에 추가
        request.httpBody = try? JSONEncoder().encode(bodyModel)
        
        let task = URLSession.shared.dataTask(with: request) { data, response, error in
            guard let data,
                  let str = String(data: data, encoding:.utf8) else { return }
            print(str)
        }
        
        task.resume()
    }

아까 컨피그에 적혀있던 내용이 잘 프린트 됩니다.

사이트에서 새로고침을 해보면 Dumps 에 목록이 하나 생겼습니다. 우리가 보낸겁니다.

view 를 눌러서 상세하게 보면 우리가 보낸 데이터가 바디에 잘 들어가 있는것을 확인할 수 있습니다.

끝입니다.

URLSession 으로 이렇게 간단하게 http 통신을 할 수 있습니다.

잘못 작성한 내용이 있거나 궁금하신 점 있으면 있으면 댓글로 알려주세요.

감사합니다 ㅎㅎ

iOS

Swift

Xcode

iOS Swift UISheetPresentationController.Detent (하프 모달 Half screen size custom modal drag bottom sheet present)

GonsLab — Thu, 1 Sep 2022 00:00:32 +0900

UISheetPresentationController.Detent

안녕하세요 Gons 입니다.

반만 나오는 하프 모달 바텀 시트입니다.

드래그해서 크기를 변경할 수도 있습니다.

iOS 15 부터 지원합니다.

전체 코드

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let btn = UIButton(type: .system)
        view.addSubview(btn)
        btn.frame = .init(x: 100, y: 100, width: 100, height: 100)
        btn.setTitle("presentModal", for: .normal)
        btn.addTarget(self, action: #selector(presentModalBtnTap), for: .touchUpInside)
    }
    
    @objc private func presentModalBtnTap() {
        
        let vc = UIViewController()
        vc.view.backgroundColor = .systemYellow
        
        vc.modalPresentationStyle = .pageSheet
        
        if let sheet = vc.sheetPresentationController {
            
            //지원할 크기 지정
            sheet.detents = [.medium(), .large()]
            //크기 변하는거 감지
            sheet.delegate = self
           
            //시트 상단에 그래버 표시 (기본 값은 false)
            sheet.prefersGrabberVisible = true
            
            //처음 크기 지정 (기본 값은 가장 작은 크기)
            //sheet.selectedDetentIdentifier = .large
            
            //뒤 배경 흐리게 제거 (기본 값은 모든 크기에서 배경 흐리게 됨)
            //sheet.largestUndimmedDetentIdentifier = .medium
        }
        
        present(vc, animated: true, completion: nil)
    }
    
}

extension ViewController: UISheetPresentationControllerDelegate {
    func sheetPresentationControllerDidChangeSelectedDetentIdentifier(_ sheetPresentationController: UISheetPresentationController) {
        //크기 변경 됐을 경우
        print(sheetPresentationController.selectedDetentIdentifier == .large ? "large" : "medium")
    }
}

iOS

Swift

Xcode

UIKit

SwiftUI

modalPresentationStyle

sheetPresentationController

detents

커스텀 프레젠트

iOS Swift Email Masking (이메일 마스킹 * 표시 ID 아이디 가리기)

GonsLab — Wed, 1 Jun 2022 00:00:33 +0900

앞 2자리, 뒤 2자리 만 보이게

    //이메일 마스킹 ( test12@test.com -> te**12@test.com )
    func maskEmail() -> String {
        
        let components = self.components(separatedBy: "@")
        
        guard let first = components.first,
              let last = components.last else { return self }
        
        let mask = first.enumerated().map {
            //첫번째 자리, 두번째 자리, 마지막 앞자리, 마지막 자리만 보이게
            return [0, 1, first.count - 2, first.count - 1].contains($0.offset) ? $0.element : "*"
        }
        
        return String(mask) + "@" + last
    }

앞 4자리 만 보이게

    //이메일 마스킹2 ( test12@test.com -> test**@test.com )
    var maskEmail2: String {
        
        let components = self.components(separatedBy: "@")
        
        guard let first = components.first,
              let last = components.last else { return self }
        
        let mask = first.enumerated().map { index, char in
            //앞 4자리만 보이게
            return Array(0..<4).contains(index) ? char : "*"
        }
        
        return String(mask) + "@" + last
    }

전체 코드

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let email = "test12@test.com"
        
        print(email)
        print(email.maskEmail())
        print(email.maskEmail2)
    }
    
}


extension String {
    
    //이메일 마스킹 ( test12@test.com -> te**12@test.com )
    func maskEmail() -> String {
        
        let components = self.components(separatedBy: "@")
        
        guard let first = components.first,
              let last = components.last else { return self }
        
        let mask = first.enumerated().map {
            //첫번째 자리, 두번째 자리, 마지막 앞자리, 마지막 자리만 보이게
            return [0, 1, first.count - 2, first.count - 1].contains($0.offset) ? $0.element : "*"
        }
        
        return String(mask) + "@" + last
    }
    
    //이메일 마스킹2 ( test12@test.com -> test**@test.com )
    var maskEmail2: String {
        
        let components = self.components(separatedBy: "@")
        
        guard let first = components.first,
              let last = components.last else { return self }
                
        let mask = first.enumerated().map { index, char in
            //앞 4자리만 보이게
            return Array(0..<4).contains(index) ? char : "*"
        }
        
        return String(mask) + "@" + last
    }
    
}

결과 Debug area

민감한 정보 숨김
개인정보 가리기
Privacy Data
ID PW 가림
Password hidden

비밀번호 패스워드 별표시

iOS

Swift
Xcode

iOS Swift 웹뷰 html 바디 가져오기 (get webview html body tag)

GonsLab — Wed, 4 May 2022 20:52:42 +0900

웹뷰에서 화면의 값을 가져와야할 일이 생겼습니다.

html 바디의 pre 태그 안에 json 데이터가 들어있습니다.

<html>
<body>
    <pre>
        {"status":true,"message":"success","data":{"name":"Gons","url":"https://gonslab.tistory.com/"}}
    </pre>
</body>
</html>

<pre id="data"> 이런식으로 아이디를 넣어주면

document.getElementById(“data") 이렇게 손쉽게 찾을 수 있는데

타사에서 넘겨받은 데이터라 수정할 수가 없어서 태그명으로 접근했습니다.

webView.evaluateJavaScript("document.getElementsByTagName('pre')[0].innerHTML") { html, error in
    
    guard let html = html as? String else {
        print(error as Any)
        return
    }
    print(html)
}

이렇게 태그 경로대로 작성하면 Json 데이터만 가져올 수 있습니다.

{

"status": "true",

"message": "success",

"data": {

"name": "Gons",

"url": "https://gonslab.tistory.com/"

}

이제 이 문자열을 모델로 가공해서 사용하시면 됩니다 ㅎㅎ

iOS

Swift

Xcode

iOS Swift 날짜 차이 구하기 (요일, 시간 사이 간격 변환 계산) Calc Date

GonsLab — Wed, 2 Mar 2022 09:13:02 +0900

날짜 차이 구하기

        let myDateComponents = DateComponents(year: 2022, month: 3, day: 01)
        let startDate = Calendar.current.date(from: myDateComponents)!
        
        let offsetComps = Calendar.current.dateComponents([.year,.month,.day], from: startDate, to: Date())
        
        if case let (y?, m?, d?) = (offsetComps.year, offsetComps.month, offsetComps.day) {
          print("\(y)년 \(m)월 \(d)일 만큼 차이남")
        }

TimeIntervalSinceNow

TimeInterval

Locale

Date

DateFormatter

Calendar

DateComponents

iOS

Swift

Xcode

DateCompare

Difference

iOS Swift AWS S3 사용법 (Amazon Simple Storage Service)

GonsLab — Mon, 17 Jan 2022 12:58:30 +0900

안녕하세요 Gons 입니다.

오늘은 AWS S3 사용법을 메모해놓겠습니다.

앱에서 아마존 웹서비스 스토리지를 사용해야할 일이 생겼습니다.

공식사이트를 보니 Amplify 라는 SDK 로 하는 것 같은데

회사에서는 앰플리파이를 사용하지 않고 S3 만 사용하라는 오더도 있었어서

Amplify 없이 스토리지를 사용해보겠습니다.

pod 'AWSS3'

이런식으로 설치해주세요.

이미지를 하나 넣어주세요.

버튼 2개와 이미지뷰를 넣어주세요.

import UIKit

import AWSS3

class ViewController: UIViewController {

    @IBOutlet weak var imgView: UIImageView!
    
    let bucketName = "myapp-bucketname"
    let accessKey = "SSGASLNTTCLXGJNPRLNE"
    let secretKey = "60ayImDHNVF+HmgP5TCrOzvLIspqBFmpbKShOfxA"
    let utilityKey = "utility-key"
    var fileKey = "profile/image/"
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let credentialsProvider = AWSStaticCredentialsProvider(accessKey: accessKey, secretKey: secretKey)

        let configuration = AWSServiceConfiguration(region:.APNortheast2, credentialsProvider:credentialsProvider)
        AWSServiceManager.default().defaultServiceConfiguration = configuration

        let tuConf = AWSS3TransferUtilityConfiguration()
        tuConf.isAccelerateModeEnabled = false

        AWSS3TransferUtility.register(
            with: configuration!,
            transferUtilityConfiguration: tuConf,
            forKey: utilityKey
        )
        
        let dateFormat = DateFormatter()
        dateFormat.dateFormat = "yyyyMMdd/"
        fileKey += dateFormat.string(from: Date())
        fileKey += String(Int64(Date().timeIntervalSince1970)) + "_"
        fileKey += UUID().uuidString + ".png"
        
    }

    func upload() {
        

        guard let transferUtility = AWSS3TransferUtility.s3TransferUtility(forKey: utilityKey)
        else
        {
            return
        }

        let expression = AWSS3TransferUtilityUploadExpression()
        expression.setValue("public-read", forRequestHeader: "x-amz-acl") //URL로 이미지 읽을 수 있도록 권한 설정 (이 헤더 없으면 못읽음)
        expression.progressBlock = {(task, progress) in
            print("progress \(progress.fractionCompleted)")
        }
        
        var completionHandler: AWSS3TransferUtilityUploadCompletionHandlerBlock?
        completionHandler = { [weak self] (task, error) -> Void in
            guard let self = self else { return }
            print("task finished")
            
            let url = AWSS3.default().configuration.endpoint.url
            let publicURL = url?.appendingPathComponent(self.bucketName).appendingPathComponent(self.fileKey)
            if let absoluteString = publicURL?.absoluteString {
                print("image url ↓↓")
                print(absoluteString)
            }
            
            if let query = task.request?.url?.query,
               var removeQueryUrlString = task.request?.url?.absoluteString.replacingOccurrences(of: query, with: "") {
                removeQueryUrlString.removeLast() // 맨 뒤 물음표 삭제
                print("업로드 리퀘스트에서 쿼리만 제거한 url ↓↓") //이 주소도 파일 열림
                print(removeQueryUrlString)
            }
        }



        guard let data = UIImage(named: "img")?.pngData()
        else
        {
            return
        }

        transferUtility.uploadData(data as Data, bucket: bucketName, key: fileKey, contentType: "image/png", expression: expression,
        completionHandler: completionHandler).continueWith
        {
            (task) -> AnyObject? in
            if let error = task.error {
                print("Error: \(error.localizedDescription)")

            }

            if let _ = task.result {
                print ("upload successful.")
            }

            return nil
        }
    }
    
    func download() {
        
        
        guard let transferUtility = AWSS3TransferUtility.s3TransferUtility(forKey: utilityKey)
        else
        {
            return
        }

        let expression = AWSS3TransferUtilityDownloadExpression()
        expression.progressBlock = {(task, progress) in
            print("progress \(progress.fractionCompleted)")
        }
        
        var completionHandler: AWSS3TransferUtilityDownloadCompletionHandlerBlock?
        completionHandler = { (task, url, data, err) -> Void in
            print("task finished")
            
            DispatchQueue.main.async { [weak self] in
                
                if let d = data {
                    print("img data 있음")
                    self?.imgView.image = UIImage(data: d)
                }
            }
        }
        
        
        transferUtility.downloadData(fromBucket: bucketName, key: fileKey, expression: expression, completionHandler: completionHandler).continueWith
        {
            (task) -> AnyObject? in
            if let error = task.error {
                print("Error: \(error.localizedDescription)")
            }
            
            if let _ = task.result {
                print ("download successful.")
            }
            return nil
        }
        
    }
    
    @IBAction func upload(_ sender: UIButton) {
        upload()
    }
    
    
    @IBAction func download(_ sender: UIButton) {
        download()
        
    }
}

전체 코드입니다.

img 라는 이미지를 S3 에 업로드하고

버킷네임과 파일키로 이미지를 다운받아서 이미지뷰에 표시합니다.

업로드 시에 이렇게 로그가 나오고

저 https 주소 2가지 형식 모두 이미지가 잘 열립니다.

다운로드 시에는 이렇게 로그가 나옵니다.

이상입니다.

액세스키와 시크릿키, 버킷명과 폴더경로만 본인꺼로 바꾸셔서 사용하면 됩니다.

iOS

Swift

Xcode

2021년 회고와 2022년 다짐

GonsLab — Thu, 13 Jan 2022 22:32:31 +0900

안녕하세요 Gons 입니다.

정말 오랜만에 글을 쓰는 것 같네요.

그동안 많은 일들이 있었고 나름 바빠서 이제야 글을 씁니다.

제가 좋아하는 Zedd님, NamS님, 소들이님 등

많은 iOS 블로거 분들이 한 해를 정리하는 글을 적는거 보고

저도 따라해볼까합니다 ㅎㅎ

#이직

iOS 개발로 들어간 첫 회사를 그만 두게 되었습니다.

SI 회사에서 사수 없이 신입으로 이리 부딪히고 저리 부딪히며 나름 열심히 했었는데

회사 경영악화로 일감이 떨어져서 허송세월 보내는 날이 많아졌고,

더 이상 성장할 수 없음을 느끼자마자 이직을 결심했어요.

회사를 다니면서 여기저기 지원을 했는데

여러군데 면접을 보면서 느낀점은 질문이 거의 비슷비슷하다라는 겁니다.

코딩테스트도 몇개 보고 재밌다고 느꼈습니다.

그러다가 나름 대기업이라고 하는 곳에 들어가게 됐습니다.

자사 앱들을 운영하는 일이었고 RxSwift 를 사용했고 iOS인원이 3명이었습니다.

Objective-C로 만들어진 앱들도 있어서 배워야했습니다.

확실히 유지보수 하는일이라 별로 할게 없고 인원도 여러명이라 나눠서 할 양도 안됐습니다.

그래서 얼마 안있다가 팀장님께 제가 새로운 앱을 만드는데에 흥미가 있는 것 같다고,

기존 앱을 유지보수하는 일에 재미를 못붙이는 것 같다고 말씀드리고 나왔습니다.

그리고 바로 또 다른 곳 면접봐서 이번에는 스타트업에 들어왔습니다.

새로운 자사 앱을 만드는 회사고요. 원하던 일이라 만족하며 다니고 있습니다.

#목표

2022년에는 좀 더 부지런히 살아보고 싶습니다.

그동안 방치되었던 블로그도 다시 쓰고

그동안 방치되었던 개인앱들도 다시 업데이트하고

SwiftUI 도 조금씩 공부해보고 싶고

운동도 좀 하고 싶고 그렇습니다.

올해에는 좀 정신적으로나 육체적으로 건강한 삶을 살아보겠습니다!

이런 일기 같은 글을 쓰려니 힘드네요.

불필요한 말들만 적힌 것 같기도 하고

아무튼 앞으로도 화이팅해보겠습니다.

감사합니다.

iOS

Swift

Xcode

Reject 큐알코드 스캔 리젝 사유 (QRcode, 바코드, barcode scan)

GonsLab — Wed, 2 Jun 2021 10:25:34 +0900

2021년 6월 2일 오전 12:39

Apple의 메시지

2. 1 Performance: App Completeness

Guideline 2.1 - Information Needed

We have started the review of your app, but we are not able to continue because we need a demo QR code to fully assess your app features.

Specifically, please provide a demo QR codes in order to review the functionality.

Next Steps

To help us proceed with the review of your app, please provide the demo details in the App Review Information section for your app in App Store Connect or reply to this message with the requested demo information. Please ensure that the information you provide includes any data necessary to demonstrate the functionality of your app features.

To provide QR codes or images information:

- Log in to App Store Connect

- Click on "My Apps"

- Select your app

- Click on the app version on the left side of the screen

- Scroll down to "App Review Information"

- Provide information in "Notes" as appropriate

- Click "Save"

- Once you've completed all changes, click the "Save" button at the top of the Version Information page.

Please see attached screenshot for details.

Since your App Store Connect status is Metadata Rejected, we do NOT require a new binary. To revise the metadata, visit App Store Connect to select your app and revise the desired metadata values. Once you’ve completed all changes, reply to this message in Resolution Center and we will continue the review.

안녕하세요 Gons 입니다.

QRcode 스캔 하는 앱을 업로드했는데 메타데이터 거부로 반려 당했는데요

QRcode 데모 이미지가 필요하다고 합니다.

전에 일반적인 모든 큐알코드를 스캔하는 다른 앱을 올렸을 때는 샘플 이미지가 필요하지 않았는데

이번에 올린 앱은 특정 QR코드만 인식하는 앱이라 (예 : 자사 명함 스캔하는 앱, 로또 QR코드 스캔 앱)

이런 앱은 심사 정보에 스캔할 수 있는 이미지를 추가해서 올리면 됩니다.

감사합니다.

iOS

Swift

Xcode

Reject 인앱 결제 리젝 사유 2 (IAP - in app purchase)

GonsLab — Mon, 24 May 2021 09:28:37 +0900

Apple의 메시지
Guideline 2.3.10 - Performance - Accurate Metadata

We noticed that your app includes the following references to Apple's processes or policies in the 아이템 이름, which are not relevant to the app's content and functionality:

- 세금공제 목적으로 애플에서 30%를 가져갑니다.

Next Steps

Please revise or remove this content from your app's 아이템이름.

Please see attached screenshot for details.

안녕하세요 Gons 입니다.

인앱결제 상품을 등록했는데

상품 정보를 설명하는 화면에서 아래 문구가 있다고 반려 당했습니다.

"세금공제 목적으로 애플에서 30%를 가져갑니다."

해당 문구를 삭제한 뒤 통과가 됐습니다 ㅎㅎ

앞으로 Apple 프로세스나 정책적인 부분은 적지 않는게 좋을 것 같습니다.

감사합니다.

iOS

Swift

Xcode

Reject 인앱 결제 리젝 사유 1 (IAP - in app purchase)

GonsLab — Fri, 21 May 2021 09:50:18 +0900

Apple의 메시지
2. 1 Performance: App Completeness
Guideline 2.1 - Information Needed

We have started the review of your app, but we are not able to continue because we cannot locate the in-app purchases within your app.

Specifically, we were unable to locate following in-app purchase item:

- 아이템 이름 - for $.99

Next Steps

To help us proceed with the review of your app, please reply to this message providing the steps for locating the in-app purchases in your app.

Please see attached screenshot for details.

안녕하세요 Gons 입니다.

인앱결제 상품 2개를 등록했는데

1번 상품을 결제 해야 2번 상품이 보이도록 짰는데

2번 상품을 찾을 수 없다고 반려 당했습니다.

심사 정보에 "2번 상품은 1번 상품을 결제해야 보입니다." 라고 적어주니 통과됐습니다.

하루 날리지 마시고, 미리미리 적어줍시다 ㅎㅎ

감사합니다.

iOS

Swift

Xcode

WARNING ITMS-90076 (앱 이전 키체인 손실 경고)

GonsLab — Tue, 4 May 2021 09:24:54 +0900

아카이브 할 때 팝업창 내용

App Store Connect Operation Warning

WARNING ITMS-90076: "Potential Loss of Keychain Access. The previous version of software has an application-identifier value of ['이전팀ID.com.gons.앱이름'] and the new version of software being submitted has an application-identifier of ['이후팀ID.com.gons.앱이름']. This will result in a loss of keychain access."

메일로 온 내용

Dear Developer,

We identified one or more issues with a recent delivery for your app, "앱이름" 1.0.1 (2). Your delivery was successful, but you may wish to correct the following issues in your next delivery:

ITMS-90076: Potential Loss of Keychain Access - The previous version of software has an application-identifier value of ['이전팀ID.com.gons.앱이름'] and the new version of software being submitted has an application-identifier of ['이후팀ID.com.gons.앱이름']. This will result in a loss of keychain access.

After you’ve corrected the issues, you can upload a new binary to App Store Connect.

Best regards,

The App Store Team

앱을 다른 개발자 계정으로 이전 하여서 전에 쓰던 키체인이 손실된다는 경고.

경고만 나오고 그냥 잘 업로드 됐음.

iOS Swift Xcode

iOS Swift 앱 안끄고 언어 변경 ( 앱 내 언어 설정 )

GonsLab — Mon, 5 Apr 2021 10:55:49 +0900

안녕하세요 Gons 입니다.

오늘은 앱을 종료하지 않고 언어변경을 해보겠습니다.

먼저 다국어 설정이 완료된 상태여야합니다.

다국어 설정이 안되신 분들은

이전 포스팅을 확인해주세요.

다국어 설정 - 스토리보드

다국어 설정 - 코드

저는 이렇게 준비해놨습니다.

    @IBOutlet var myLabel: UILabel!
    
    @IBOutlet var myLabel2: UILabel!
    
    @IBOutlet var myLabel3: UILabel!
    
    @IBOutlet var myLabel4: UILabel!
    
    @IBOutlet var myLabel5: UILabel!
    
    @IBOutlet var buttonKorean: UIButton!
    
    @IBOutlet var buttonEnglish: UIButton!

시작하겠습니다.

기본적으로 앱 내에서 언어를 설정하면

폰 설정에 있는 언어를 따라가지 않습니다.

보통 NSLocalizedString 을 사용하는데 이 방법은 앱 내에서 언어를 변경해도 앱을 껐다 켜야만 언어가 바뀝니다.

    override func viewDidLoad() {
        super.viewDidLoad()
        
        setLanguage()
    }
    
    func setLanguage() {
        //기본 방법
        myLabel.text = NSLocalizedString("Hello", comment: "")
        //...
    }

그래서 다국어 설정 파일에 접근해서 localizedString 으로 언어를 변경해줍니다.

    func setLanguage() {
        
        //설정된 언어 코드 가져오기
        let language = UserDefaults.standard.array(forKey: "AppleLanguages")?.first as! String // 초기에 "ko-KR" , "en-KR" 등으로 저장되어있음
        let index = language.index(language.startIndex, offsetBy: 2)
        let languageCode = String(language[..<index]) //"ko" , "en" 등
        
        //설정된 언어 파일 가져오기
        let path = Bundle.main.path(forResource: languageCode, ofType: "lproj")
        let bundle = Bundle(path: path!)
        
        myLabel.text = bundle?.localizedString(forKey: "Hello", value: nil, table: nil)
        myLabel2.text = bundle?.localizedString(forKey: "Welcome", value: nil, table: nil)
        myLabel3.text = bundle?.localizedString(forKey: "Thank", value: nil, table: nil)
        myLabel4.text = bundle?.localizedString(forKey: "Happy", value: nil, table: nil)
        myLabel5.text = bundle?.localizedString(forKey: "Sorry", value: nil, table: nil)
        buttonKorean.setTitle(bundle?.localizedString(forKey: "buttonKorean", value: nil, table: nil), for: .normal)
        buttonEnglish.setTitle(bundle?.localizedString(forKey: "buttonEnglish", value: nil, table: nil), for: .normal)
    }

UserDefaults "AppleLanguages" 에 설정된 언어가 저장되어 있고 앞으로 이 값을 통해 언어를 변경해주면 됩니다.

    @IBAction func koreanClicked(_ sender: UIButton) {
        //한국어로 변경
        UserDefaults.standard.set(["ko"], forKey: "AppleLanguages")
        UserDefaults.standard.synchronize()
        
        //보통 메인화면으로 이동시켜줌
        setLanguage()
    }
    @IBAction func englishClicked(_ sender: UIButton) {
        //영어로 변경
        UserDefaults.standard.set(["en"], forKey: "AppleLanguages")
        UserDefaults.standard.synchronize()
        
        //보통 메인화면으로 이동시켜줌
        setLanguage()
    }

실행해보겠습니다.

ios swift in app programmatically change language without restart.

잘 변경되네요.

끝입니다.

저는 다음에 더 필요한 정보로 글을 쓰겠습니다.

읽어주셔서 감사합니다.

iOS Swift Xcode