[iOS] Storyboard 없이 코드로 UI 구현하기

Xcode 프로젝트를 코드 없이 구현하려고 할때 하는 방법이다.

일단 내가 나중에 사용할 것 같아서 블로그로 정리해보려고 한다. 

 

1. 프로젝트 만들기

일단 프로젝트를 만들어 준다.

위의 프로젝트를 생성하게 되면 

이런 식으로 진입을 하게 되는데 왼쪽 상단에 있는 Info.plist를 들어가준다.

 

⭐️ 왼쪽에 있는 Main.storyboard 는 제거를 해도되고 안해도된다. ⭐️

 

2. Info.plist의 Storyboard Name 제거

Info.plist에 진입해서 열고 열다보면 Stroyboard Name이 있는데...

마이너스를 눌러서 삭제 시킨다..

삭제를 시키지 않으면...

이와 같이 Thread 1: "Invalid parameter not satisfying: [name length] > 0"  에러가 발생하게 된다.

 

그냥 맘편하게 없애 버리자..

 

3. 프로젝트 target 설정의 build Settings 에서 UIKit Main Storyboard File Base Name에서 Main 제거

다음으로는 프로젝트 TARGETS -> Build Settings -> UIKit Main Storyboard File Base Name에서 Main을 제거하자

이 부분에는 그냥 Main을 "" 빈값으로 뒀다.

 

4. SceneDelegate 설정

이후 SceneDelegate에 가서 처음 보여줄 ViewController를 설정해주면 된다.

 

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
	guard let windowScene = (scene as? UIWindowScene) else {
        return
    }

    window = UIWindow(windowScene: windowScene) // SceneDelegate의 프로퍼티에 설정해줌
    let mainViewController = ViewController() // 맨 처음 보여줄 ViewController

    let navigationController = UINavigationController(rootViewController: MainViewController)

    // NavigationController에 처음 보여질 화면을 rootView로 저장
    window?.rootViewController = navigationController
    window?.makeKeyAndVisible()
}

 

5. 이제 끝

이제 끝났고 처음 보여줄 ViewControoler에 가서 하고 싶은걸 하면 된다.

 

친구와 사이드 프로젝트와 함께 블로그도 만들게 되었는데 처음부터 시작한다는 마음으로 차근차근 정리해봐야겠다.

앞으로 해야될 일이 산더미이지만 하나씩 하다보면 금방 다 하겠지~..