[iOS] 애플리케이션 개발 프로젝트 5주차

1월 5일에는 다섯번째 미팅을 진행했다 :)
다섯번째 미팅에서는 기존 프로젝트를 리팩토링한 뒤, 애플리케이션에 웹 화면을 추가하는 과정을 진행해보았다.

1. 리팩토링

리팩토링 단계에서는 새로운 기능을 추가하기 전, Supporting Files 폴더를 생성하여 필수적이지 않은 파일을 정리한다. 또한 기존 뷰컨트롤러와 새롭게 추가할 뷰컨트롤러를 구별하기 쉽도록 기존 뷰컨트롤러의 파일 이름인 ViewController를 OnboardingViewController로 변경해보자.

1. AppDelegate.swift, Assets.xcassets, LaunchScreen을 선택한 후 마우스 오른쪽을 클릭한다.
2. New Group from Selection을 선택한다.
3. Constants 폴더의 images.swift 파일을 Supporting Files로 드래그해서 이동한 후 Constants 폴더를 삭제한다.
4. ViewController.swift를 선택한 후, 코드 에디터의 12번째 줄 ViewController를 OnboardingViewController로 변경한 후, rename 버튼을 클릭한다.
   

2. 스토리보드에 화면 추가

온라인상의 웹사이트나 앱에 저장한 HTML 파일을 앱에 표시할 수 있도록 다음 과정을 진행해보겠다.

1. Main.storyboard를 선택한다.
2. 오른쪽 상단에 위치한 + 버튼을 클릭한다.
3. 새로 뜨는 Object Library 창에서 view controller를 입력한 후, View Controller를 클릭한 채 드래그해서 추가한다.
   
4. 새로 추가한 View Controller의 화면 가운데를 클릭한 후, 화면 오른쪽 속성 인스펙터에서 배경색(Background)을 기존의 Onboarding View Controller 화면과 구분하기 위해 System Gray 2 Color로 변경한다.
   • 속성 인스펙터 아이콘은 Xcode 버전에 따라 아래의 두 가지 형태로 나타난다.
     
5. 앱을 실행해 에러 없이 온보딩 화면이 보이는지 확인한다.

3. 실행 시 시작화면 변경

이 단계에서는 앱을 실행했을 때 온보딩 화면 대신 새롭게 추가한 View Controller 화면이 보이도록 시작화면을 변경하는 과정을 진행해보겠다.

1. View Controller 아이콘을 클릭한 후 , 속성 인스펙터에서 Is Initial View Controller 체크박스를 선택한다.
   
2. 앱을 실행해 온보딩 페이지 대신 배경색을 System Gray 2 Color로 변경한 회색 페이지가 나오는지 확인한다.

4. 뷰컨트롤러 클래스 파일 추가

새로 추가한 화면을 컨트롤하기 위해 뷰컨트롤러 클래스 파일을 추가하고 화면과 연결한다.

1. Bright 폴더에서 마우스 오른쪽 > New File > Cocoa Touch Class > Next 버튼을 클릭한다.
2. Class에 클래스명 "WebViewController"를 입력 > Subclass of는 UIViewController, Language는 Swift 선택 > Next > Create를 클릭한다.
3. WebViewController 컨트롤러 클래스와 스토리보드 화면을 연결하기 위해 스토리보드에서 뷰 컨트롤러 아이콘 > identity inspector > Class에 UIViewController 대신 WebViewController를 입력한다.