맨땅에 코딩

RE:BORN Frontend - React Native App Name 본문

KAU 2024 (3학년)/산학프로젝트

RE:BORN Frontend - React Native App Name

나는 푸딩 2025. 6. 8. 19:19

React Native 프로젝트 생성 시 작성하는 프로젝트 이름 말입니다..

고게 그대로 앱 이름이 되는구나~~ 라는 사실을 개발하면서 중간에 알게 된 React Native 뉴비는

결국 앱 이름을 바꾸기 위해 파일 수정을 몇 가지 하게 되는데~

 

우리 앱 이름은 REBORN인데 React Native 프로젝트 생성할 때 frontend 이렇게 생성하시면

우리 앱 이름은 frontend가 됩니다 ^_ㅠ

 

그리고 제가 FCM을 담당하지 않아서 잘은 모릅니다만.. 서로 통신할 때 App Id를 통일해주어야 한다고 했었나...

아무튼 이왕 앱 이름 바꾸는 거 통신하기 위한 id도 reborn으로 바꿔야겠다 라고 생각했습니다.

 

그래서..

 

다음 파일들을 모두 수정해야합니다.

frontend/
└── android/
    └── app/
        ├── build.gradle
        ├── src/
        │   └── main/
        │       ├── AndroidManifest.xml
        │       ├── java/
        │       │   └── com/
        │       │       └── reborn/
        │       │           ├── MainActivity.kt
        │       │           └── MainApplication.kt
        │       └── res/
        │           └── values/
        │               └── strings.xml
        └── app.json

 

야호 신나죠?

바꾸어야 하는 코드 표시를 -> 를 통해 하도록 하겠습니다.

 

build.grdle

    buildToolsVersion rootProject.ext.buildToolsVersion
    compileSdk rootProject.ext.compileSdkVersion

    namespace "com.frontend" 
    -> namespace "com.reborn"
    
    defaultConfig {
        applicationId "com.frontend" 
        -> applicationId "com.reborn"
        
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion

 

AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
-> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.reborn">

 

MainActivity.kt

package com.frontend 
-> package com.reborn

override fun getMainComponentName(): String = "frontend"
-> override fun getMainComponentName(): String = "reborn"

 

MainApplication.kt

package com.frontend
-> package com.reborn

 

string.xml

이 파일에서 수정한 string name이 곧 앱 이름이 되니까 frontend를 REBORN으로 수정해봅니다.

<resources>
    <string name="app_name">frontend</string>
    -> <string name="app_name">REBORN</string>
</resources>

 

app.json

{
  "name": "frontend",
  -> "name": "reborn",
  
  "displayName": "frontend"
  -> "displayName": "reborn"
}

 

변경 이제 끝! ^_^d