프로젝트에 이미지 추가하기

Xcode에 조금 익숙해 졌나요?

이번 시간에는 에셋(asset)을 이용해 프로젝트에서 사용할 이미지를 추가하는 방법에 대해 알아보고

에셋이란 무엇인지 공부해보도록 합시다.

학습 목표

1. 에셋과 관련된 개념에 대해 이해합니다.

2. 에셋을 이용해 프로젝트에 사용할 이미지를 추가할 수 있습니다.

핵심 키워드

• 에셋 카탈로그(Asset Catalog)
• 앱 슬라이싱(App Slicing)
  
• 앱 시닝(App Thinning)

학습하기

에셋 카탈로그란?

Xcode에서 프로젝트를 처음 생성하면 Asstes.xcassets 이라는 폴더가 자동으로 생성되는데, 이 폴더에서 애플리케이션에 사용될 다양한 에셋을 관리하며, 이를 에셋 카탈로그라고 합니다.

에셋 카탈로그는 에셋과 다양한 디바이스의 속성에 대한 파일의 연결을(mapping) 통해서 애플리케이션 리소스에 쉽게 접근할 수 있도록 도와줍니다. (리소스는 애플리케이션이 실행 중일 때 사용하는 이미지와 음악 파일 등을 말합니다.) 여기서 말하는 속성은 디바이스의 특징, 사이즈 클래스, 주문형 리소스, 특정 타입의 정보를 포함하고 있습니다. 

에셋 카탈로그에 관한 더 자세한 정보는 아래링크1.Asset catalogs를 참조하세요.

에셋 카탈로그 구성

에셋 카탈로그가 어떻게 구성 되어 있으며, 각 요소는 어떤 역할을 하는지 이미지와 함께 살펴보도록 합시다.

에셋 카탈로그 타입

에셋 카탈로그의 대표적인 타입과 확장자에 대해 알아봅시다.

• App Icon Type : 다양한 크기와 해상도의 애플리케이션 아이콘 원본 이미지입니다.
• Catalog Type : 에셋 카탈로그 폴더구조의 최상위 폴더입니다. 한 개의 에셋 카탈로그에 하나만 존재할 수 있습니다.
• Image Set Type : 이미지 에셋에서 UIImage와 NSImage의 인스턴스에 사용되는 이미지 파일입니다.
• Data Set Type : 장치 실행 가능 코드(device-executable code)를 제외한 Xcode에 의해 생성된 모든 종류의 데이터를 포함하는 파일들의 집합입니다.
• Launch Image Type : 애플리케이션 실행화면 이미지입니다. (iOS 7.0 이하 버전에만 필요합니다. iOS 8.0 버전 이상은 기본적으로 실행화면 스토리보드(launch screen storyboard)를 사용합니다.)
• 자세한 내용은 아래 링크2.Type Reference를 참조하세요.

앱 시닝과 앱 슬라이싱이란?

• 앱 시닝(app thinning)이란?

앱 시닝이란 애플리케이션이 디바이스에 설치될 때 앱 스토어와 운영체제가 그 디바이스의 특성에 맞게 설치하도록 하는 설치 최적화 기술을 의미합니다. 이를 통해 애플리케이션의 설치용량을 최소화하고 다운로드의 속도를 향상시킬 수 있습니다. 앱 시닝(app thinning)의 기술 구성요소는 슬라이싱(slicing), 비트코드(bitcode), 주문형 리소스(on-demand resource)가 있습니다.

• 슬라이싱(slicing)이란?

슬라이싱(slicing)은 애플리케이션이 지원하는 다양한 디바이스에 대한 여러 조각의 애플리케이션 번들(app bundle)을 생성하고 디바이스에 알맞은 조각을 전달하는 기술입니다. 개발자가 애플리케이션의 전체 버전을 iTunes Connect에 업로드하게 되면, 앱 스토어에는 각 디바이스 특성에 다양한 버전의 조각들이 생성됩니다. 사용자가 애플리케이션을 설치할 때 전체 버전이 아닌 슬라이싱(slicing)된 조각들 중 사용자의 디바이스의 가장 적합한 조각이 다운로드되어 설치됩니다. 에셋 카탈로그에서 관리하는 이미지들은 자동으로 적용이 됩니다.(슬라이싱(slicing)은 iOS 9.0 이상버전 이상만 지원합니다.)

* iTunes Connect란 개발자가 앱 스토어에 판매할 애플리케이션을 제출하고 관리할 수 있도록 도와주는 웹 기반 도구입니다.

이미지 추가하기

에셋에 대해 개념이 잡혔다면 실제로 사용할 이미지를 추가해 보도록 하겠습니다.

아래 과일 이미지를 다운받아 직접 Xcode에 추가해보세요!

참고 링크

강의 영상