공부할게 산더미

🔎 애플 생태계의 UI 아키텍처 원리

애플의 UI 개발 환경 은 Cocoa Framework 계층 위에서 동작하며, 각 운영체제(iOS, macOS, watchOS, tvOS)에 따라 다른 UI 프레임워크를 사용한다.

---

💡 Cocoa & Cocoa Touch

애플의 UI는 Cocoa 및 Cocoa Touch Framework 를 기반으로 동작한다. 이는 운영체제(OS)와 애플리케이션(Application) 사이의 다리 역할을 하는 핵심 프레임워크이다.

프레임워크	사용 OS	설명
Cocoa	macOS	macOS 애플리케이션 개발을 위한 프레임워크 (Foundation + AppKit)
Cocoa Touch	iOS / iPadOS / watchOS / tvOS	iOS 앱 개발을 위한 프레임워크 (Foundation + UIKit)

• Cocoa : macOS 애플리케이션 개발을 위한 기본 프레임워크

→ Foundation + AppKit

• Cocoa Touch : iOS 애플리케이션 개발을 위한 프레임워크

→ Foundation + UIKit

즉 iOS에서 UI를 개발할 때 UIKit를 사용하여 UIKit는 Cocoa Touch 위에서 동작한다.

---

🤔 iOS와 macOS의 UI 프레임워크

애플은 각 운영체제마다 UI 프레임워크를 따로 제공하지만 전체적으로 비슷한 구조를 가지고 있다.

기기	UI 프레임워크
iPhone / iPad	UIKit (Cocoa Touch 기반)
Mac	AppKit (Cocoa 기반)
Apple Watch	WatchKit
Apple TV	UIKit
모든 플랫폼	SwiftUI (iOS, macOS, watchOS, tvOS 공통)

✅ UIKit → iOS에서 UI를 구성하는 핵심 프레임워크

✅ AppKot → macOS에서 UI를 구성하는 핵심 프레임워크

✅ SwiftUI → 모든 애플 플랫폼에서 공통적으로 사용할 수 있는 UI 프레임워크

---

📌 UIKit와 AppKit의 역할?

UIKit와 AppKit는 각각 iOS와 macOS에서 UI를 개발하는 전통적인 방식이다.

SwiftUI 가 등장하기 전까지는 이 두개의 프레임워크가 애플 생태계의 UI를 담당했다.

✅ UIKit (iOS & iPadOS)

• iOS와 iPadOS에서 UI를 구성하는 핵심 프레임워크

• 뷰 컨트롤러(UIViewController) 기반으로 동작

• 스토리보드(Storyboard) 또는 코드 기반 UI 개발 가능

• 코드 예시

  class ViewController: UIViewController {
      override func viewDidLoad() {
          super.viewDidLoad()
          
          let button = UIButton(type: .system)
          button.setTitle("클릭하세요", for: .normal)
          button.frame = CGRect(x: 50, y: 150, width: 200, height: 50)
          button.addTarget(self, action: #selector(buttonTapped), for: .touchUpInside)
          
          view.addSubview(button)
      }
  
      @objc func buttonTapped() {
          print("버튼이 눌렸습니다!")
      }
  }
  
  

👉 UIViewController 기반으로 UI를 직접 생성하는 명령형(Imperative UI) 방식이다.

---

✅ AppKit (macOS)

• macOS 애플리케이션에서 UI를 구성하는 프레임워크

• **윈도우 기반(NSWindow)**으로 동작

• UIKit과는 다르게 macOS의 전통적인 UI 패턴을 따름

• 코드 예시

  import Cocoa
  
  class ViewController: NSViewController {
      override func viewDidLoad() {
          super.viewDidLoad()
  
          let button = NSButton(title: "클릭하세요", target: self, action: #selector(buttonTapped))
          button.frame = NSRect(x: 50, y: 150, width: 200, height: 50)
  
          view.addSubview(button)
      }
  
      @objc func buttonTapped() {
          print("버튼이 눌렸습니다!")
      }
  }
  
  

👉 AppKit에서는 NSButton 을 사용하고 macOS의 UI 구조에 맞게 동작한다.

👉 UIKit과 비슷하지만 윈도우 기반(NSWindow)이라는 점이 다르다!

---

📌 애플 생태계 통합 UI 프레임워크 SwiftUI

UIKit와 AppKit는 서로 다르기 때문에 같은 애플 앱이라도 플랫폼마다 UI를 따로 개발해야 하는 소요가 발생이 되어 애플은 이를 해결하기 위해 SwiftUI를 도입했다.

🎁 SwiftUI의 특징

• 모든 애플 플랫폼(iOS, macOS, watchOS, tvOS)에서 사용할 수 있는 공통 UI 프레임워크

• 선언형(Declarative UI) 방식 사용

• 코드가 간결하고 유지보수 용이

• 하지만 💡 모든 UIKit 기능을 대체할 수 없다! (UIKit & AppKit과 함께 사용됨)

• 코드 예시

  import SwiftUI
  
  struct ContentView: View {
      var body: some View {
          Button("클릭하세요") {
              print("버튼이 눌렸습니다!")
          }
          .padding()
      }
  }
  
  

👉 UIKit과 AppKit 없이 하나의 코드로 iOS/macOS UI를 개발 할 수 있다.

👉 UI가 상태(State)에 따라 자동 업데이트된다.

---

👊 UIKit vs AppKit vs SwiftUI 비교

	UIKit (iOS/iPadOS)	AppKit (macOS)	SwiftUI (공통)
개발 대상	iOS, iPadOS	macOS	iOS, macOS, watchOS, tvOS
프레임워크 기반	Cocoa Touch	Cocoa	UIKit + AppKit을 통합
UI 방식	명령형 (Imperative)	명령형 (Imperative)	선언형 (Declarative)
지원 기기	iPhone, iPad	Mac	iPhone, iPad, Mac, Watch, TV
코드 스타일	UIViewController 사용	NSViewController 사용	View 구조체 사용
기업 사용	대부분의 iOS 앱에서 사용	대부분의 macOS 앱에서 사용	새로운 프로젝트에서 점진적 도입
장점	더 세밀한 UI 컨트롤 가능	macOS 전용 UI 기능 제공	코드가 간결하고 유지보수 쉬움
단점	코드가 많아질 수 있음	UIKit과 UI 구조가 다름	일부 UIKit 기능 미지원

---

🤧 한눈에 정리하기

1. Cocoa Touch (iOS)와 Cocoa (macOS)가 애플 UI 프레임워크의 기반
2. UIKit은 iOS & iPadOS에서 UI를 담당, AppKit은 macOS에서 UI를 담당
3. SwiftUI는 모든 애플 기기에서 UI를 개발할 수 있는 공통 프레임워크
4. UIKit과 AppKit이 완전히 사라지진 않으며 SwiftUI와 함께 사용

---

다른 계층은 나중에 공부해야지..