[Swift/iOS] 01. StoryBoard를 이해해보자(Hello World)

Swift StoryBoard

 

 

 

먼저 StroyBoard는, UI를 구성하는 Main UI입니다. 어떻게 추가하고 삭제하는지 한번 알아보도록 하겠습니다 : )

Xcode 화면

 

  먼저 위의 프로젝트는 Single View 어플리케이션으로 프로젝트를 만들었습니다. User Interface를 선택할 때. StoryBoard를 선택해 주세요!!! 그리고 Main.storyboard에 들어가면 위의 같은 화면이 나오게 됩니다. 딱 봐도 아이폰 화면을 볼 수 있는데요. 네 맞습니다. 위의 화면에서 오브젝트를 추가하고 삭제를 할 수 있습니다. 그럼 추가를 어떻게 하는지 알아볼까요 ?

 

먼저 좌측 상단에 + 모양의 버턴을 눌러보시길 바랍니다 그러면 아래와 같은 화면이 나오게 됩니다. 이렇게 애플에서 지원하는 오브젝트의 내용들을 한 눈에 볼 수 있으며 추가 할 수 있습니다.

Xcode StoryBoard

 

  저는 라벨을 이용해서 제일 처음인 Hello Wolrd를 나오게 한번 해보도록 하겠습니다 그러면 위의 화면에 있듯, Label을 드래그 앤 드롭을 이용해 아이폰 화면으로 이동을 시켜줍니다. 그러면 화면에 추가가 됩니다.

  라벨 뿐만 아니라 여러가지 오브젝트도 물론 사용 할 수 있지만, 저는 공부하는 단계이니 따라서 진행 해보도록 하겠습니다.

반응형

Xcode Hello World

  그러면 위의 화면처럼 나오게 됩니다. 오른쪽 바에서는 상세하게 설정을 변경 할 수 있습니다. 그리고 실행을 해보면 제가 작성했던 문구가 성공적으로 화면에 나오는 걸 확인 할 수 있습니다 : ) 

 

 

Xcode 11 버전부터는 SwiftUI가 나와서 Flutter처럼 선언적 구문을 통해 작성을 한다고 합니다.

앞으로는 그렇게 한번 해보도록 하겠습니다.

 

감사합니다.

 

가장 간단한 걸 한번 해봤는데요. 저도 하나하나 알아가면서 블로그에 글을 포스팅 하도록 하겠습니다

 

감사합니다 : )