MADC(Mobile App Developer's Conference)

MADC에서 발견한 모바일 앱 개발의 미래

MADC(Mobile App Developer's Conference)에 참석한 후, 모바일 앱 개발의 최신 트렌드에 대한 깊은 인사이트를 얻을 수 있었다. 특히, 선언형 UI에 대한 강조가 두드러졌다. 선언형 UI는 개발자가 UI의 상태와 동작을 선언적으로 표현하는 방식으로 코드의 가독성과 유지 보수성을 높이는 데 큰 도움을 준다.

선언형 UI의 본질과 SwiftUI의 역할

SwiftUI는 Apple의 최신 프레임워크로써 선언형 UI를 보여준다. SwiftUI를 통해 개발자들은 UI의 상태와 동작을 선언적으로 표현할 수 있으며 이는 기존 명령형 UI 접근 방식과는 확연히 대비된다. 명령형 UI에서 개발자는 UI의 각 변경 사항을 명시적으로 관리해야 했지만 선언형 UI에서는 UI 요소가 상태의 변화에 따라 자동으로 업데이트 된다.

[ UIKit 예제 ]

import UIKit

final class ViewController: UIViewController {

    private var count = 0
    private let countLabel = UILabel()
    private let increaseButton = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
        configureUI()
        setupAddTargets()
    }

    private func configureUI() {
        setupCountLabel()
        setupIncreaseButton()

        view.addSubview(countLabel)
        view.addSubview(increaseButton)

        NSLayoutConstraint.activate([
            countLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            countLabel.centerYAnchor.constraint(equalTo: view.centerYAnchor)
        ])

        NSLayoutConstraint.activate([
            increaseButton.centerXAnchor.constraint(
		            equalTo: view.centerXAnchor
		        ),
            increaseButton.topAnchor.constraint(
		            equalTo: countLabel.bottomAnchor, constant: 15
		        ),
            increaseButton.leadingAnchor.constraint(
		            equalTo: view.leadingAnchor, constant: 20
		        ),
            increaseButton.heightAnchor.constraint(equalToConstant: 50)
        ])
    }

    private func setupCountLabel() {
        countLabel.text = "현재 카운트: \\(count)"
        countLabel.font = .systemFont(ofSize: 25)
        countLabel.textAlignment = .center
        countLabel.translatesAutoresizingMaskIntoConstraints = false
    }

    private func setupIncreaseButton() {
        increaseButton.setTitle("증가", for: .normal)
        increaseButton.backgroundColor = .systemBlue
        increaseButton.setTitleColor(.white, for: .normal)
        increaseButton.layer.cornerRadius = 10
        increaseButton.translatesAutoresizingMaskIntoConstraints = false
    }

    private func setupAddTargets() {
        increaseButton.addTarget(
		        self, 
		        action: #selector(increaseButtonTapped), 
		        for: .touchUpInside
		    )
    }

    @objc private func increaseButtonTapped() {
        count += 1
        countLabel.text = "현재 카운트: \\(count)"
    }

}
Swift
복사

[ SwiftUI 예제 ]

import SwiftUI

struct ContentView: View {
    @State private var count = 0

    var body: some View {
        VStack {
            Text("현재 카운트: \\(count)")
                .font(.title)
            Button(action: {
                count += 1
            }, label: {
                Text("증가")
                    .frame(maxWidth: .infinity)
                    .padding()
                    .background(.blue)
                    .cornerRadius(10)
                    .foregroundColor(.white)
            })
        }
        .padding()
    }
}
Swift
복사

위 두 코드를 비교하면 SwiftUI가 얼마나 간결하고 직관적인지 명확하게 알 수 있다. SwiftUI에서는 @State를 사용해 count라는 정수 상태를 관리하며 버튼을 터치할 때마다 count가 1씩 증가하면서 뷰가 자동으로 업데아트 된다.

선언형 UI의 장점

선언형 UI의 가장 큰 장점은 개발 과정을 단순화하고 코드의 가독성을 높인다는 것이다. 이는 더 적은 코드로 더 많은 작업을 할 수 있게 해주고 앱의 유지 보수를 용이하게 만든다. 또한, UI와 로직을 분리함으로써 테스트와 디버깅이 더 용이해진다.

컨퍼런스 참여 후 느낀 점

컨퍼런스는 모바일 앱 개발뿐만 아니라 개발자의 최신 트렌드를 신속하게 파악할 수 있는 최고의 장소인 것 같다. 여기서 배우고 느낀 것들은 나를 더욱 발전시켜주었다.

특히 MADC에서 인상 깊은 인상을 남긴 문구, ‘Learn to share, share to learn’, 즉, 배워서 남주자라는 말은 나의 철학과도 맞닿아 있다. 이곳에서 배운 지식을 다른 이들과 나누고, 그 과정에서 또 배워나가는 것. 나는 이러한 공유의 사이클을 통해 최신 동향을 파악할 줄 알고 트렌드를 선도하는 개발자로 성장할 것이며 미래에는 스피커로서 이 무대에 서서 나의 지식과 경험을 후배 개발자들과 나누는 날이 올 것이라 확신한다.