[SwiftUI] Modifier에 대해 알아보자.

Modifier?

Modifier는 SwiftUI에서 뷰의 모양과 동작을 수정하는 메소드이다.

✔️체이닝 기능 : 여러 모디파이어를 연결해 사용할 수 있다.

✔️ 순서가 중요하다 ➡️ 적용 순서에 따라 결과가 달라질 수 있음.

✔️ 새로운 뷰를 반환한다 : 각 모디파이어는 수정된 새로운 뷰를 반환한다.

✔️ 크기, 색상, 폰트, 애니메이션 등 다양한 속성을 조정할 수 있다.

 

UIkit VS SwiftUI

1. UIKit

let textLabel: UILabel = {
    let label = UILabel()
    label.text = "Swift UI"
    label.frame = CGRect(x: 0, y: 0, width: 200, height: 100)
    label.font = UIFont.systemFont(ofSize: 40, weight: .bold)
    label.textColor = .blue
    label.backgroundColor = .black
    label.textAlignment = .center
    label.layer.cornerRadius = 10
    label.layer.masksToBounds = true
    return label
}()

 

2. SwiftUI

struct TextView: View {
    var body: some View {
        Text("Swift UI")
            .frame(width: 200, height: 100)
            .font(.system(size: 40, weight: .bold, design: .default))
            .foregroundStyle(.blue)
            .background(Color.black)
            .clipShape(RoundedRectangle(cornerRadius: 10))
    }
}

두 코드를 비교해보면 확실히 SwiftUI의 코드가 더 간결하고 가독성이 좋은 것을 볼 수 있다.