[iOS] 레이아웃 구성(ViewController, Storyboard, nib, xib)

View - ViewController

View : 화면 단위 하나하나 (==안드로이드 액티비티)

ViewController : 화면 하나를 관리하는 단위 (==안드로이드 액티비티 코드)

 

ViewController 디자인과 코드를 같이 보려면 오른쪽 상단 아이콘을 눌러 Assistant 모드로 세팅

Storyboard란?

• 일련의 장면들로 구성되며, 각 장면은 ViewController와 해당 뷰를 나타냄
• 화면과 화면의 연결을 보여줌

Safe Area란?

• 위에 노치가 생기면서 등장한 개념
  • 상태바, 내비게이션 바, 탭바 등에 의해 view가 가려지지않기 위해서 제공되는 마진
  • 가급적이면 이 안에서 뷰를 짜는게 좋음!
• Reference https://babbab2.tistory.com/134

nib, xib란?

• xib : Xml Interface Builder의 줄임말
  • 인터페이스 빌더에서 구성한 모든 정보가 저장 -> 이걸 여러개 모아서 흐름과 함께 눈에 보이게 해주는게 storyboard
• nib : Next Interface Builder의 줄임말
  • 바이너리 형태로 저장되어있음
  • xib를 컴파일할때 nib가 만들어짐

UIKit이란?

• iOS 앱에서 사용자 인터페이스를 구성하고 관리하는 프레임워크 (==안드로이드 팔레트)
• 오른쪽 상단에 + 를 누르면 UIKit에서 화면을 구성하는 오브젝트 라이브러리 창이 나옴 (== 안드로이드의 팔레트 컴포넌트)

기기별로 보이는 뷰를 한꺼번에 보고싶으면?

동그라미 친 부분을 눌러 기기를 선택하고 추가하려면 아래 + 를 눌러 계속 추가해서 비교함

스토리보드에서 ViewController를 서로 연결하려면?

control 누른채로 출발지에서 도착지로 드래그해서 연결 (segue)