4. Outlet 연결

화면에 레이블이 있고, 버튼이 클릭될 때마다 이 레이블의 값이 변경되고 하고 싶다면?

 

레이블은 보여지는 text라고 이해하면 쉽다. 그리고 코드와 연결하여 이 값을 바꾸는 작업을 하는 것이다.

 

 

 

 

다음 코드와 같이 priceLabel을 Outlet으로 설정하며, viewDidLoad()는 해당 ViewController화면이 load될때 실행되는 함수이다.

priceLabel.text를 해당 문자열로 삽입하였기에, view가 load될때 해당 레이블이 숫자로 지정된 $100000가 아닌 코드로 수정해준 “$\(currentNumber)” 로 변경되어 출력된다.

그러나, load가 된 다음 currentNumber의 값이 바뀌더라도 해당 text로 load 가 되었기에 숫자는 바뀌지 않는다.

 

 

 

어떻게 코드 구조를 짰는지 보다는 outlet을 어떻게 연결했는지, 어떻게하면 값이 변경되는지를 살펴보자.

자세한 코드라인은 이어나갈 것이다.

 

다음과 같이 버튼 클릭마다 값이 바뀌도록 설정하기 위해 3번째 라인 코드를 삽입하면 된다.

이렇게 되면 priceLabel의 text는 계속 업데이트 되어 출력된다.

 

즉, 위의 코드는 프로그램이 동작하기 위해 load될 때 수행되는 코드이고,

아래코드는 버튼 클릭마다 실행되는 코드이다.

priceLabel 변수는 Outlet에 해당하며, 버튼 클릭이 발생하는 action은 showAlert가 완전히 수행된 다음 view가 출력됨을 알 수 있다.