iOS 개발 따라하기 - 버튼 클릭마다 변경되는 랜덤 문구

화면 구성하기

1. Label 추가

• Library 를 호출
• 단축키 : ⌘ + ⇧ + L

Library 호출

Library 창

• Text 를 변경
• Label을 선택한 상태로 우측 하단의 Add New Constranints를 선택
• 위치값 조정 후 저장

• 폰트 사이즈 수정
• 가운데 정렬

2. UI View 추가

• Library 를 호출
• 단축키 : ⌘ + ⇧ + L
• 우측 화면처럼 디자인

3. Assistant 호출

• 단축키 : ⌃ + ⌥ + ⌘ + Enter

4. Label 선언 해주기

• storyboard 에서 label, button을 선택
• 마우스 우클릭 상태로 드래그 앤 드롭

5. Data Model 추가

• 좌측 project navigator에서 프로젝트 선택
• 마우스 우클릭 후 New File 선택
• Swift File 선택
• 파일명 지정 후 저장



• 아래와 같이 입력

struct TarotCard {
    var title: String
    var explain: String
}

---

전체코드

import UIKit

class ViewController: UIViewController {
    @IBOutlet weak var titleLabel: UILabel!
    @IBOutlet weak var explainLabel: UILabel!
    let tarotCards = [
        TarotCard(title: "THE POOL", explain: "너는 바보같구나."),
        TarotCard(title: "THE MAGICIAN", explain: "너는 마법사같구나."),
        TarotCard(title: "THE HIGH PRIESTESS", explain: "너는 여교황이구나."),
        TarotCard(title: "THE EMPRESS", explain: "너는 여왕님!."),
        TarotCard(title: "THE EMPEROR", explain: "너는 왕님!."),
        TarotCard(title: "THE HIEROPHANT", explain: "너는 교황이군."),
        TarotCard(title: "THE LOVERS", explain: "사랑하자."),
    ]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    @IBAction func newChooseButton(_ sender: Any) {
        let randomNumber = Int(arc4random_uniform(7)) // 7사이의 랜덤 숫자 나오기
        let tarot = tarotCards[randomNumber]
        self.titleLabel.text = tarot.title
        self.explainLabel.text = tarot.explain
    }
    
}