[Swift] 함수와 매개변수를 활용해서 코드 개선하기

---

함수

---

UI 코드를 viewDidLoad에 작성을 하다보면,
한눈에 보기도 힘들고, 추후에 유지보수를 하기도 좋지 않을 겁니다.


그래서 각 기능별로 함수를 만들어서 viewDidLoad에 호출하는 방식으로 정리하죠.


여기서 생기는 궁금증!🤔


'우리가 직접 만든 designButtonUI는 호출을 해주면서..
왜 viewDidLoad 함수나 Action 함수는 호출을 하지 않아도 되는거지??'

이 부분에 대해서 한 번 정리해보려고 합니다!!😀

class ViewController: UIViewController {

    @IBOutlet var button1: UIButton!
    @IBOutlet var button2: UIButton!
    @IBOutlet var button3: UIButton!
    
    @IBOutlet var label1: UILabel!
    @IBOutlet var label2: UILabel!
    @IBOutlet var label3: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        designLabelUI(label1, thisIsTextColor: .brown)
        designLabelUI(label2, thisIsTextColor: .systemPink)
        designLabelUI(label3, thisIsTextColor: .blue)
        
        designButtonUI()
      
    }
    
    func designLabelUI(_ a: UILabel, thisIsTextColor color: UIColor) {

        a.text = "0"
        a.textColor = color
        a.font = .systemFont(ofSize: 30)
        a.textAlignment = .center

    }
    
    func designButtonUI() {
        
        button1.setTitle("버튼 1", for: .normal)
        button1.tintColor = .black
        
        button2.setTitle("버튼 2", for: .normal)
        button2.tintColor = .black
        
        button3.setTitle("버튼 3", for: .normal)
        button3.tintColor = .black
    }
    
    @IBAction func button1Clicked(_ sender: UIButton) {
        label1.text = "클릭됨!"
    }
}

애플이 만든 함수 & 사용자가 직접 만든 함수

두 함수의 차이점은 무엇일까요?

코드를 조금 더 깔끔하게, 유지보수하기 쉽게 만들기 위해서 직접 작성했던 함수는

우리가 직접 이름도 지어주고, 기능도 적고, viewDidLoad에 호출함으로서 실행 타이밍도 정해주어야 합니다.

이를 사용자가 직접 정의해주는 함수라는 뜻으로 'UDF'(User Defined Function)이라고 합니다.


하지만, viewDidLoad나 IBAction과 같은 함수들은
애플이 만들어 놓은 함수이기 때문에 기능이나 실행 타이밍에 대해서도 이미 정의되어 있습니다.

그래서 우리가 정해줄 필요가 없죠.


그럼 여기서 생기는 궁금증 하나 더!!🧐


'음? 우리 IBAction 연결해줄 때, 이름 써주잖아..?'


이에 대해서는 아래 사진으로 설명할 수 있을 것 같습니다.

Event를 통해서 실행 타이밍을 정해주는 것이죠.

---

매개변수

---

    override func viewDidLoad() {
        super.viewDidLoad()
        
       designLabelUI()
  
    }

    func designLabelUI() {
        
        label1.text = "0"
        label1.textColor = color
        label1.font = .systemFont(ofSize: 20)
        label1.textAlignment = .center

    }

매개변수를 활용해서 코드를 작성해봅시다.

    override func viewDidLoad() {
        super.viewDidLoad()
        
        designLabelUI(label1, thisIsTextColor: .brown)
        designLabelUI(label2, thisIsTextColor: .systemPink)
        designLabelUI(label3, thisIsTextColor: .blue)
        
    }

    func designLabelUI(_ a: UILabel, thisIsTextColor color: UIColor) {
        
        a.text = "0"
        a.textColor = color
        a.font = .systemFont(ofSize: 20)
        a.textAlignment = .center
        
    }

용어를 정리해보자면

// labelName: 매개변수(Parameter)
// label1, label2, label3: 전달인자(Argument)

// 외부 매개변수(Argument Label) ex. thisIsTextColor
// 내부 매개변수(Parameter Name) ex. a, color
// _: 와일드카드식별자 <- 밖에서 굳이 언급하지 않아도 될 것 같을 때!

이렇게 부릅니다!!

---

    override func viewDidLoad() {
        super.viewDidLoad()

        designButtonUI()
        
    }

    func designButtonUI(_ button: UIButton, title: String, titleColor: UIColor) {
        
        button1.setTitle(title, for: .normal)
        button1.tintColor = titleColor
        
        button2.setTitle(title, for: .normal)
        button2.tintColor = titleColor
        
        button3.setTitle(title, for: .normal)
        button3.tintColor = titleColor
        
    }

이번에는 버튼을 연결했다고 가정하고,
매개 변수를 활용하여 코드를 줄여보겠습니다.

    override func viewDidLoad() {
        super.viewDidLoad()
        
        designButtonUI(button1, title: "버튼1", titleColor: .brown)
        designButtonUI(button2, title: "버튼2", titleColor: .systemPink)
        designButtonUI(button3, title: "버튼3", titleColor: .blue)
        
    }

    func designButtonUI(_ button: UIButton, title: String, titleColor: UIColor) {
        
        button.setTitle(title, for: .normal)
        button.tintColor = titleColor
        
    }

처음에는 어색하고, 더 보기 어려운 것 같다는 생각이 들 수 있습니다.

하지만! 계속 쓰다보면 훨씬 반복되는 코드가 줄어들고,
가독성이 좋다는 걸 느낄 수 있을 거라는 생각이 듭니다!😄

---