728x90
React Native로 앱을 개발하다 보면 프로젝트 초기 설정에서 지정한 앱 이름을 변경해야 할 때가 있습니다.
안드로이드 앱 이름은 사용자가 앱을 설치했을 때 홈 화면이나 앱 목록에 표시되는 이름으로, 사용자 경험에 큰 영향을 미칠 수 있는 중요한 요소입니다.
이번 글에서는 React Native 프로젝트에서 안드로이드 앱 이름을 변경하는 방법을 단계별로 설명하겠습니다.
1. 안드로이드 앱 이름이란?
안드로이드 앱 이름은 앱이 설치된 후 홈 화면 또는 앱 목록에 표시되는 이름입니다.
이 이름은 strings.xml 파일과 AndroidManifest.xml 파일의 설정을 통해 관리됩니다.
2. 앱 이름 변경 방법
React Native에서 안드로이드 앱 이름을 변경하려면 몇 가지 파일을 수정해야 합니다. 아래 단계를 따라 진행하세요.
2-1. strings.xml 파일 수정
- 파일 경로: android/app/src/main/res/values/strings.xml
- 아래 코드를 수정하여 새로운 앱 이름을 입력합니다.
<resources>
<string name="app_name">새로운 앱 이름</string>
</resources>
2-2. AndroidManifest.xml 파일 확인
- 파일 경로: android/app/src/main/AndroidManifest.xml
- android:label 속성이 @string/app_name으로 설정되어 있는지 확인합니다.
-
<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
* 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
728x90
'dev > React Native' 카테고리의 다른 글
React Native에서 react-native-fast-image 활용한 GIF 이미지 사용하기 (2) | 2024.12.12 |
---|---|
React Native에서 안드로이드 앱 아이콘 설정하기 (3) | 2024.12.11 |
React Native에서 react-native-bootsplash로 스플래시 화면 설정하기 (안드로이드) (4) | 2024.12.04 |
React Native 네비게이션: navigation.reset()으로 상태 초기화하기 (4) | 2024.12.02 |
React Native 환경 변수 관리: react-native-dotenv로 효율적이고 안전하게 설정하기 (2) | 2024.12.01 |