[IOS/Swift] No 스토리보드 환경 구축하기(Xcode 14)

 

 

스토리보드 없이 코드로 UI를 작성해 보고자 한다. 

다음 STEP을 따라해보며 노 스토리보드 환경을 구축해보자 

 

 

 

 

 

1️⃣ Xcode 프로젝트 생성하기 

 

 

 

 

 

 

 

 

2️⃣ 스토리보드 설정 

 

 

인터페이스로 Storyboard를 선택한다(SwiftUI 아님) 

 

 

 

 

 

 

3️⃣ Main.Storyboard 파일 삭제하기

 

 

 

Delete -> Move to Trash 

 

 

 

 

 

 

4️⃣ info에서 Storyboard Name 삭제하기

 

 

 

Scene Configuration -> Application Session Role -> Item 0 -> Storyboard Name 을 선택하여 back 키를 눌러 삭제한다.

 

 

 

 

 

 

5️⃣ 빌드 후 Main storyboard file base name 삭제하기

 

 

 

테스트로 빌드를 한 번 해 본 후, info 상단에 있는 Main storyboard file base name 을 삭제해 준다. 

 

 

 

 

 

 

6️⃣ SceneDelegate.Swift 파일 수정하기 

 

 

 

 

 

다음 코드를 복사하여 위 사진과 같이 수정해 준다. 

 

guard let windowScene = (scene as? UIWindowScene) else { return }

let window = UIWindow(windowScene: windowScene)
window.rootViewController = ViewController()
self.window = window
window.makeKeyAndVisible()

 

 

 

 

7️⃣  AppDelegate.Swift 파일 수정하기 

 

 

 

 

다음 코드를 추가한다. 

 

// 1. 클래스 안, 함수 위에 선언 
var window: UIWindow?

// 2. func 안에 다음 코드 추가 
window = UIWindow()
window?.rootViewController = ViewController()
window?.makeKeyAndVisible()

 

 

 

 

8️⃣  ViewController.Swift 파일에서 다음 코드를 추가한다. 

 

 

 

그냥 실행해보면 검은색 배경으로 뜨는 것을 볼 수 있다. 배경을 흰색으로 바꾸기 위해 다음과 같이 코드를 추가해 준다. 

 

 

 

배경 바꾸기)

self.view.backgroundColor = .white

 

 

 

 

 

 

 

 

 

참고 : 링크