[SwiftUI] Property Wrapper ②

 

✅ Property Wrapper

프로퍼티를 감싸 특별한 타입으로 만들어준다.

 

간단히 말해보면, 어떤 로직들을 매번 동일하게 지정해주지 않고 Property Wrapper로 만든 타입으로 프로퍼티를 선언해 동일 로직을 수행하도록 한다.

 

✅ Property Wrapper가 없다면 ?

struct House {
	private var width = 0
    var size: Int {
    	get { return width }
        set { width = pow(newValue, 20) }
    }
}

struct KoreaHouse {
	private var _appartment = House()
    private var _villa = House()
    
    var appartmentSize: Int {
    	get { return _appartment.size }
        set { _appartment.size = newValue }
    }
    
    var villaSize: Int {
		get { return _villa.size }
        set { _villa.size = newValue} 
	}
}

만약 집의 Size 정보를 가지는 House 타입이 있다.

이렇게 정의해준 타입을 KoreaHouse 구조체 내에서 각 프로퍼티에서 매번 동일한 보일러 플레이트 코드를 작성해야 한다.

하지만 코드가 광범위하게 많아지면 너무 복잡해진다.

이런 중복되는 로직들을 Property Wrapper를 붙여 한 번만 정의해주면 이후 다른 프로퍼티들에서 해당 Property Wrapper를 적용하면 깔끔하게 코드를 재사용 할 수 있다.

 

✅Property Wrapper 정의

Property Wrapper는 프로퍼티를 가지는 타입 앞에 붙여준다.

프로퍼티를 가지는 타입이라함은 Class, Struct, Enum이 될 것이다.

@propertyWrapper
struct House {
	private var width = 0
    var size: Int{
    	get { return width }
        set { width = pow(newValue,2) }
    }
}

이렇게 붙여주면 끝이다.

물론 타입이기에 초기값을 지정해줄 수도 있다.

 

@propertyWrapper
struct House{
	private var width = 0
    var size: Int {
    	get { return width }
        set { width = pow(newValue, 2) }
    }
    
    init(size: Int) {
    	width = pow(newValue, 2)
    }
}

이렇게 말이다.

 

 그럼 이제 Property Wrapper가 실제로 어떻게 쓰일까 ? 

 

✅ Property Wrapper 사용하기

struct KoreaHouse {
	@House var apartment: Int
    @House var villa: Int
}

var koreaHouse = KoreaHouse()
koreaHouse.apartment = 20
koreaHouse.villa = 30

print(koreaHouse.apartment, koreaHouse.villa) // 400, 900

KoreaHouse 타입을 만드는데 아주 간단해졌다.

만약 위에 propertyWrapper 구현 시 이니셜라이저를 지정해주었다면 여기에서도 초기값을 지정해줄 수 있다.

 

struct KoreaHouse {
	@House var apartment: Int = 20
    @House var villa: Int = 30
}

var koreaHouse = KoreaHouse()
print(koreaHouse.apatment, koreaHouse.villa) // 400, 900

더 간단하게 사용할 수도 있다.

중요한 점은 보일러 코드가 제거되고 사용성이 증가했다는 것이다.

 

💡 @State도 뜯어보자

SwiftUI에서 State 타입을 까보면 아래와 같이 @propertyWrapper 딱지가 붙어있다는 것을 알 수 있다.

즉 이 친구도 중복 로직 코드를 propertyWrapper로 정리했다는 것이다.

 

@State의 정의를 들어가서 주석을 제거하면 이렇게 구현되어있다.

@frozen @propertyWrapper public struct State<Value> : DynamicProperty {
	public init(wrappedValue value: Value)
    
    public init(initialValue value: Value)
    
    public var wrappedValue: Value { get nonmutating set }
    
    public var projectedValue: Binding<Value> { get }
}