[swift] 앱 런치 이미지를 추가하여 사용자 경험 향상시키기
앱의 첫 인상을 좋게 만들기 위해 앱 런치 이미지를 추가하는 것은 중요합니다. 사용자가 앱을 실행할 때 흰색 화면 또는 로고 없는 화면을 보는 대신, 앱 런치 이미지를 통해 전문적이고 고품질의 인상을 주는 것이 좋습니다. 이 글에서는 Swift를 사용하여 앱 런치 이미지를 추가하는 방법을 알아보겠습니다.
1. 앱 런치 이미지 준비하기
앱 런치 이미지는 앱이 시작될 때 표시되는 이미지입니다. 다양한 기기 크기에 대응하기 위해 여러 개의 이미지 크기를 준비해야 합니다. iOS에서는 아래와 같은 크기의 앱 런치 이미지를 요구합니다.
- iPhone 12 Pro Max: 1284 x 2778 pixels
- iPhone X, XS, 11 Pro: 1125 x 2436 pixels
- iPhone 6 Plus, 6S Plus, 7 Plus, 8 Plus: 1242 x 2208 pixels
- iPhone 6, 6S, 7, 8, SE (2nd generation): 750 x 1334 pixels
- iPad Pro 12.9-inch (4th generation): 2048 x 2732 pixels
- iPad Pro 11-inch (2nd generation): 1668 x 2388 pixels
- iPad Air (4th generation): 1640 x 2360 pixels
위의 크기에 맞게 이미지를 준비한 후, Assets.xcassets 폴더에 이미지를 추가합니다.
2. LaunchScreen.storyboard 만들기
LaunchScreen.storyboard 파일은 앱이 시작될 때 표시되는 화면을 설계하는 데 사용됩니다. 이 파일을 만들기 위해 다음 단계를 따릅니다.
- Xcode에서 프로젝트를 열고, File > New > File을 선택합니다.
- iOS 탭에서 “Storyboard”를 선택한 후 Next를 클릭합니다.
- 파일 이름을 “LaunchScreen”으로 지정한 후 “Create”를 클릭합니다.
3. 앱 런치 이미지 설정하기
LaunchScreen.storyboard 파일을 열고, 화면에 UIImageView를 추가합니다. 이 UIImageView에 앱 런치 이미지를 표시할 것입니다.
- UIImageView를 화면에 추가한 후, 이미지를 선택합니다.
- Attributes Inspector에서 “Image” 필드에 앱 런치 이미지의 이름을 입력합니다. 예를 들어, “launch_image”라는 이름의 이미지를 사용한다면 해당 이름을 입력합니다.
- UIImageView의 Auto Layout을 설정하여 다양한 기기 크기에 대응할 수 있도록 합니다.
4. LaunchScreen 설정하기
앱이 시작될 때 보여질 화면을 설정해야 합니다. 이를 위해 다음 단계를 따릅니다.
- 프로젝트 탐색기에서 프로젝트를 선택한 후, 타깃을 선택합니다.
- General 탭 아래의 App Icons and Launch Images 섹션으로 이동합니다.
- Launch Screen File 필드에서 방금 만든 LaunchScreen.storyboard를 선택합니다.
이제 앱이 시작될 때 앱 런치 이미지가 표시될 것입니다. 사용자는 앱 실행 시 전문적인 인상을 받고, 앱이 빠르게 로드되는 것처럼 느낄 것입니다. 앱 런치 이미지를 추가하여 사용자의 경험을 향상시키는 세련된 앱을 개발하세요!