dev/React Native

React Native 안드로이드 앱 이름 변경: 간단하고 빠른 가이드

wndud587 2024. 12. 7. 13:50
728x90

React Native로 앱을 개발하다 보면 프로젝트 초기 설정에서 지정한 앱 이름을 변경해야 할 때가 있습니다.
안드로이드 앱 이름은 사용자가 앱을 설치했을 때 홈 화면이나 앱 목록에 표시되는 이름으로, 사용자 경험에 큰 영향을 미칠 수 있는 중요한 요소입니다.

이번 글에서는 React Native 프로젝트에서 안드로이드 앱 이름을 변경하는 방법을 단계별로 설명하겠습니다.

 

1. 안드로이드 앱 이름이란?

안드로이드 앱 이름은 앱이 설치된 후 홈 화면 또는 앱 목록에 표시되는 이름입니다.
이 이름은 strings.xml 파일과 AndroidManifest.xml 파일의 설정을 통해 관리됩니다.

2. 앱 이름 변경 방법

React Native에서 안드로이드 앱 이름을 변경하려면 몇 가지 파일을 수정해야 합니다. 아래 단계를 따라 진행하세요.

 

2-1. strings.xml 파일 수정

  1. 파일 경로: android/app/src/main/res/values/strings.xml
  2. 아래 코드를 수정하여 새로운 앱 이름을 입력합니다.
<resources>
    <string name="app_name">새로운 앱 이름</string>
</resources>

 

2-2. AndroidManifest.xml 파일 확인

  1. 파일 경로: android/app/src/main/AndroidManifest.xml
  2. android:label 속성이 @string/app_name으로 설정되어 있는지 확인합니다. 
  3.  
<application
    android:name=".MainApplication"
    android:label="@string/app_name"
    android:icon="@mipmap/ic_launcher">
    ...
</application>

 

2-3. app.json 파일의 displayName 수정

 

  • 프로젝트 루트 디렉토리의 app.json 파일을 엽니다.
  • displayName 값을 변경합니다
{
  "name": "your-app-name",
  "displayName": "새로운 앱 이름"
}

 

 

 

3. 변경 후 확인 및 테스트

수정 사항을 반영하려면 프로젝트를 클린 빌드하고 테스트해야 합니다.

3-1. Gradle Clean 실행

터미널에서 다음 명령어를 실행합니다.

cd android
./gradlew clean

 

3-2. 앱 실행 및 확인

React Native CLI를 사용하여 앱을 실행하고 변경된 이름을 확인합니다.

npx react-native run-android

 

react native에서 앱 이름 변경된 사진입니다

 

 

 

* 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

728x90