일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- 해킹
- 코틀린
- bob 14기
- 정보보호
- 앱 개발
- 프론트엔드
- 소프트웨어
- 코딩
- WHS
- 앱
- 보안
- 애플리케이션
- 후기
- 악성코드
- Kotlin
- 개발
- BOB
- 화이트햇스쿨
- AWS
- 정보보안
- 프로젝트
- React Native
- 보안제품개발
- AI
- 연구
- IT
- 프로그래밍
- 소프트웨어학과
- Android Studio
- 산학
Archives
- Today
- Total
맨땅에 코딩
RE:BORN Frontend - React Native App Name 본문
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
'KAU 2024 (3학년) > 산학프로젝트' 카테고리의 다른 글
RE:BORN Frontend - React Native App Icon (1) | 2025.06.08 |
---|---|
RE:BORN Frontend - React Native Naver Login 구현 (0) | 2025.02.21 |
RE:BORN Frontend - React Native 폰트 적용하기 (0) | 2024.12.02 |
RE:BORN Frontend - React Native 환경 변수 설정하기 (0) | 2024.06.26 |
산학프로젝트 3학년 팀플의 꽃 - 'RE:BORN' (4) | 2024.06.23 |