[RN] react-native 환경에서 Android / iOS 앱 아이콘 추가하기

해당 글에서는 react-native 환경에서 Android / iOS 환경에서 앱 아이콘을 추가하는 방법에 대해 알아봅니다.

1) 앱 아이콘 적용 방법 : Android

---

1. 안드로이드의 경우 아래의 사이트를 접속하여 앱 아이콘을 업로드합니다.

---

💡 안드로이드의 경우 아래의 사이트를 접속하여 앱 아이콘을 업로드합니다.

- 아래의 사이트에 접속해서 이미지를 업로드하고 padding을 조절하고 다운로드를 합니다.

Android Asset Studio - Launcher icon generator

 

 

2. 다운로드를 하면 아래와 같은 파일이 생성됩니다.

---

 
 
 

3. android/src/main/res 폴더에 각각 다운로드한 것을 붙여 넣기 하면 됩니다.

---

 
 
 

2) 앱 아이콘 적용 방법 : Android

---

 

1. 사이트에 접속하여 변환하려는 이미지를 업로드하고 다운로드 합니다.

---

 

App Icon Generator

 
 
 

2. 다운로드 한 AppIcons 폴더 내에 Asset.xcassets로 접근하여 파일들을 확인합니다

---

 

💡 최하위 폴더로 이동해서 파일들을 확인합니다.

 
 
 

3. Xcode 내에서 파일을 복사 붙여 넣기 하면 바로 적용이 됩니다

---

 
 

4. 앱을 빌드해서 확인하면 아래와 같이 아이콘이 잘 적용됨을 확인하였습니다.

---

 
 
 
오늘도 감사합니다. 😀