[SwiftUI] Xcode 툴에서 에셋(Assets.xcassets) 이미지 추가하는 3가지 방법
에셋 카탈로그(Asset Catalog)
Xcode 에서 프로젝트를 생성하면 Assets.xcassets 폴더가 생성되는데, 이 폴더를 에셋 카탈로그라고 부릅니다. Assets.xcassets는 앱 개발시 앱에서 사용될 다양한 리소스를 관리할 수 있습니다. 리소스 파일이란 이미지 파일, 음악 파일 등 여러 파일 형식의 파일들을 추가할 수 있습니다. 이미지 파일의 경우 디바이스 마다 필요로 하는 이미지 크기나 비율이 다릅니다.
아래 이미지에서 보는 것처럼 앱 AppIcon 에셋을 보면 iPhone 과 iPad 등에서 요구하는 이미지 사이즈가 다릅니다. 동일한 이미지를 사용하기 위해 이미지 에셋을 만들 수 있습니다.
Xcode 툴에서 에셋(Assets.xcassets)에 이미지 추가하는 첫번째 방법
1. 왼쪽 프로젝트에서 Assets.xcassets 선택합니다.
2. 툴 하단에 + 버튼 클릭합니다.
3. Image Set 메뉴를 클릭합니다.
4. 다운받은 이미지 혹은 추가 하고자 하는 이미지를 드래그&드롭(Drag&Drop) 합니다.
5. Image Set 이름을 현재 Image 에서 원하는 이름으로 변경해도 됩니다.
6. 여러 이미지를 추가하고 싶은 경우 3번부터 반복하세요.
개발 팁
- 에셋 관련 개발자 가이드 문서는 여기를 클릭하여 참고하세요
- 앱 아이콘 혹은 Image Sets에서 사용할 이미지를 자동으로 만들어주는 사이트가 있으니 참고하세요. 안드로이드와 IOS 용으로 변환 후 압축파일 형식으로 다운로드 됩니다.
에셋 이미지 추가하는 두번째 방법
1. 왼쪽 프로젝트에서 Assets.xcassets 더블 클릭합니다.
2. 다운받은 이미지 혹은 추가 하고자 하는 이미지를 드래그&드롭(Drag&Drop) 합니다.
에셋 이미지 추가하는 세번째 방법
1. 왼쪽 프로젝트에서 Assets.xcassets 선택합니다.
2. 툴 하단에 + 버튼 클릭합니다.
3. Import 메뉴를 클릭합니다.
4. 해상도별로 만들어진 이미지가 있는 폴더를 선택
5. 완료된 화면은 다음과 같이 3개의 이미지가 사이즈별로 추가됩니다.
앱 개발을 서둘러야하는데 블로그에 정리하느라 시간이 다 가는군요. 급할수록 돌아가라는 말이 왜 갑자기 떠 오를까요? 핑계거리가 생긴걸까요? ㅎㅎㅎ 애플 개발자 포럼(Developer Forums)도 있군요.
is Assets.xcassets a MUST? | Apple Developer Forums
I don’t think you ever want to put sound files in there. But no, you don’t have to put your images in there. Its a conveinent place though. One trick if you add @2x.png or @3x.png to your file names, you can drop them both into the catalog at the same time
developer.apple.com
[REFERENCE]
