🚀 SwiftUI macOS 앱에 오프닝 스크린 추가

macOS 앱을 개발하다 보면 앱 실행 시 브랜드 로고나 간단한 인트로를 보여주고 싶을 때가 있습니다. 오늘은 SwiftUI로 오프닝 스크린(인트로 뷰)를 구성하고, 5초 후 자동으로 메인 화면으로 전환되는 로직을 구현해 보겠습니다.

---

✨ 주요 기능 소개

• 앱 실행 후 오프닝 화면을 먼저 보여줍니다.
• 사용자가 별도 조작 없이 5초 후 메인 화면으로 전환됩니다.
• 오프닝 화면에는 이미지, 프로그램 이름, 간단한 설명이 포함됩니다.
• 앱 색상과 텍스트는 다국어 로컬라이징이 가능하도록 구성했습니다.

---

💡 전체 코드 구성 요약
ContentView.swift

struct ContentView: View {
    @State private var showOpeningImage = true

    var body: some View {
        Group {
            if showOpeningImage {
                OpeningView()
                    .transition(.opacity)
                    .onAppear {
                        DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
                            withAnimation {
                                showOpeningImage = false
                            }
                        }
                    }
            } else {
                MainView() // 실제 앱 메인 화면으로 전환
            }
        }
    }
}

@State 변수와 DispatchQueue를 활용하여 시간 기반 상태 변경을 구현하였습니다.

---

🖼 오프닝 화면 UI (OpeningView)

struct OpeningView: View {
    var body: some View {
        VStack {
            HStack {
                Image("open_image")
                    .resizable()
                    .scaledToFit()
                    .frame(width: 500, height: 500)
                    .clipShape(Circle())
                    .overlay(Circle().stroke(Color.black, lineWidth: 4))
                    .shadow(radius: 10)

                VStack {
                    Text(NSLocalizedString("OPEN_TEXT", comment: "앱 이름"))
                        .font(.title2)
                        .frame(maxWidth: 300)
                        .padding()

                    Text(NSLocalizedString("OPEN_CONTENT", comment: "앱 설명"))
                        .font(.subheadline)
                        .multilineTextAlignment(.center)
                        .frame(maxWidth: 300)
                        .padding()

                    Text(NSLocalizedString("OPEN_VERSION", comment: "버전/저작권"))
                        .font(.footnote)
                        .multilineTextAlignment(.center)
                        .frame(maxWidth: 300)
                        .padding()
                }
            }
            .padding()
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color(hex: NSLocalizedString("COLOR_POP", comment: "배경색")))
        .edgesIgnoringSafeArea(.all)
    }
}

---

🌍 다국어 지원을 위한 설정 (Localizable.strings)

// 한국어 버전
"OPEN_TEXT" = "레지스트리 분석기";
"OPEN_CONTENT" = "시스템 포렌식 및 보안 진단 도구입니다.";
"OPEN_VERSION" = "© 2025. Rho JeongSeok. All rights reserved.";
"COLOR_POP" = "#E6F0FA";

• 번역 파일만 바꾸면 다양한 언어에 대응 가능합니다.
• 앱 이름, 소개 문구, 색상까지 모두 외부에서 제어할 수 있어 유지 보수도 용이합니다.

---

🎨 Hex 색상 사용하기
SwiftUI는 기본적으로 Hex 색상 코드를 지원하지 않기 때문에 아래와 같은 확장을 활용합니다:

extension Color {
    init(hex: String) {
        let scanner = Scanner(string: hex)
        _ = scanner.scanString("#")
        var rgb: UInt64 = 0
        scanner.scanHexInt64(&rgb)

        let r = Double((rgb >> 16) & 0xFF) / 255
        let g = Double((rgb >> 8) & 0xFF) / 255
        let b = Double(rgb & 0xFF) / 255

        self.init(red: r, green: g, blue: b)
    }
}

---

✅ 개발 팁

• 오프닝 화면은 앱의 첫인상입니다. 브랜드 이미지나 회사 로고를 담는 데 적극적으로 활용하세요.

• onAppear + asyncAfter 조합은 간단한 Splash나 Intro 화면 구성에 매우 유용합니다.

• 사용자에게 안내 메시지를 표시하고 싶을 땐 Text를 동적으로 바꿔보는 것도 좋습니다.