PlayGround에서 어느정도 Swift문법과 익숙해진 다음, Books 어플에 애플이 공식적으로 출판한 'Develop in Swift Explorations' 를 다운받아 하나씩 따라해보고 있다.

이번엔 Unit1.3에 해당하는 간단한 사진 띄우기 앱을 Xcode를 이용해 만들어보며 새롭게 익힌 용어나 개념에 대해 정리해보겠다.

아래의 사진들은 'Develop in Swift Exploratios'책의 자료의 일부분이다.

Simulator Physical Size

맘에드는 기기를 골라 Simulator를 실행하면 아래와 같이 시뮬레이터가 실행된다.

해당 화면은 아이폰 12 프로 시뮬레이터인데 실제 아이폰 12 프로와 비율이 동일해서 해당 기종의 실제 기기가 없어도 내가 만든 앱이 아이폰 12 프로에서 어떻게 표현되는지 확인할 수 있다.
하지만, 비율은 같아도 실제 기기와 크기는 다를 수 밖에 없는데,
Window > Physical Size 를 선택하면 내 모니터 크기를 인식해 실물 기기와 가장 유사한 크기로 창 사이즈를 수정해준다.

실제로 나는 아이폰 12 미니를 가지고 있는데 실제로 모니터 내부의 시뮬레이터 창 크기와 똑같아지더라 ㅋㅋ

시뮬레이터와 별개로 앱 화면 정보를 담을 수 있는 StoryBoard 파일의 View Controller에서도 화면의 비율을 원하는 아이폰 기종으로 선택할 수 있도록 되어있다.

Navigator, Editor, Inspector

Xcode를 처음 사용할 때에는 각 메뉴가 어떤걸 뜻하는 건지 조차 어렵다.(바로 내얘기)

• Navigator : 프로젝트 파일들의 상태를 알 수 있으며 클릭하면 Editor에 해당 파일이 열린다.
• Editor : 파일의 소스코드, 유저 인터페이스, 설정 등을 수정할 수 있다.
• Inspector : Editor에 띄워진 파일에 대한 자세한 정보를 볼 수 있다.

1, 2번 버튼을 통해 Navigator와 Inspector를 숨기거나 보이게 할 수 있다.

File Extension

Swift files

Swift로 작성된 어플의 전반적인 작동에 관한 소스코드가 담겨있다.

Storyboard files

Interface Builder라고도 부르며 앱 화면 정보가 담겨있다.
Inspector Bar를 통해 편집이 가능하며, 기본적으로 Xcode로 프로젝트를 생성하면, Main.storyboard 이름의 파일이 존재한다.

Assets

Assets Catalog라 불리는 이곳에는 앱 내부에서 쓰이는 모든 이미지들을 담을 수 있다. (앱 아이콘 포함!)

Info

어플의 초기 세팅 정보가 담겨있다.

Project file

위의 파일들을 모두 포함하고 있으며, 하나의 프로젝트 단위를 나타낸다.

Image View

말그대로 이미지를 담을 수 있는 뷰이다.
Storyboard를 Editor창에 띄운 다음, 툴바의 오른쪽 위에 '+'모양 버튼을 클릭하면 나오는 Object library에서 찾을 수 있다.

Content Mode

Inspector Bar에서 Attributes inspector에 들어가면 찾을 수 있다.
Image View와 실제 사진의 가로 X 세로 비율이 다를 경우, 어떤 기준으로 사진을 띄울 것인지 정할 수 있다.

1. Aspect Fit

사진의 원본비율을 유지한채, 잘라내지 않고 최대한 Image View에 맞게 끼워 넣는다. Image View에 빈 부분이 생길 수 있다.

2. Aspect Fill

사진의 원본비율은 유지하지만, Image View에 빈 곳이 없을 정도로 확대한다. 사진의 가장자리가 잘릴 수 있다.