[iOS - swift] Lookin 사용 방법 (iOS 뷰 디버깅 툴, LookinServer)

Lookin - 레이아웃 정보 확인이 수월하고 실시간으로 값을 변경하면 반영되는 뷰 디버깅 툴

Lookin 설치

• Lookin 홈페이지 접속
• Download 클릭하여 설치

Lookin

• Xcode에서 디펜던시 추가

// cocoapods 사용 시
pod 'LookinServer', :configurations => ['Debug']

// SPM 사용 시
https://github.com/QMUI/LookinServer/

• 예제에서는 SPM 사용 (LookinServer) 설치

• 패키지 추가 후 실행 > Lookin도 실행하면, Lookin 화면에서 아래처럼 실행한 시뮬레이터가 등장

• 왼쪽 마우스로 흰색 화면을 두번 클릭하면 아래 화면 등장

• 테스트를 위해 중앙에 label을 추가

class ViewController: UIViewController {
    private let label: UILabel = {
        let label = UILabel()
        label.text = "test label"
        label.font = .systemFont(ofSize: 30, weight: .regular)
        label.numberOfLines = 0
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.addSubview(label)
        NSLayoutConstraint.activate([
            label.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            label.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        ])
    }
}

• 다시 lookin을 실행

• test label 클릭
  • 오른쪽에 레이아웃 정보가 나와 있어서 레이아웃 확인에 용이
  • 오른쪽에서 값을 변경하면 실시간으로 변경되어서, 레이아웃 같은 테스트가 용이

* 참고

https://github.com/QMUI/LookinServer

https://lookin.work/