본 내용은 학습을 목적으로 정리 된 내용으로 일부 틀린 내용이 있을 수 있습니다 🙏🏻

정의

iphone or ipad 등 target으로 하는 기기 디스플레이에 구현시킬 화면.

Safe area: 화면에 일정 여백을 두어 내용이 깨지는 것을 방지
Margin: 일정 크기의 여백

AutoLayout

Layout의 Margin을 편하게 지정해주는 기능
Xcode를 사용하여 Layout을 구성 할 때에 Margin을 지정하는 여러 방법이 있는데,
iphone의 종류 혹은 ipad의 종류가 바뀌어도 일정 Margin을 유지한 상태로 만들어주기에 필수로 사용하는 기능이라해도 과언이 아니다.

Code로 AutoLayout 설정

override func viewDidLoad() {
    super.viewDidLoad()
    
    let sodeulButton: UIButton = .init(frame: .init())
    sodeulButton.backgroundColor = .yellow
    sodeulButton.setTitle("바른생활 소들맨", for: .normal)
    
    //여기부터가 autoLayout에 필요한 코드들
    self.view.addSubview(sodeulButton)
   sodeulButton.translatesAutoresizingMaskIntoConstraints = false

    sodeulButton.topAnchor.constraint(equalTo: self.view.topAnchor, constant: 100).isActive = true
    sodeulButton.leadingAnchor.constraint(equalTo: self.view.leadingAnchor, constant: 100).isActive = true
    sodeulButton.trailingAnchor.constraint(equalTo: self.view.trailingAnchor, constant: -80).isActive = true
}

referance
https://developer.apple.com/design/human-interface-guidelines/foundations/layout/
https://babbab2.tistory.com/155?category=932180