ReactNative

React-Native (RN) 앱 빌드 가져오는 방법

HA젠옹 2023. 10. 9. 00:01
반응형

앱 빌드 번호를 가져오는 방법에 대해 얘기를 해볼려고 합니다.

 

우선 제가 알고 있는 방법은 2가지 입니다.

 

첫번째가 라이브러리를 활용하여 가져오는 방법과 두번째는 코드상에서 호출하는 방법인데요.

 

두 가지를 사용함으로 느낀점은 라이브러리를 사용할 경우 앱 자체 등록할때 입력한 빌드번호를 가져오다보니 

 

라이브러리를 사용할 경우

장점으로는 앱 등록을 할 때 마다 자동으로 인식되서 편리하지만,

단점으로는 간단한 앱 업데이트 및 코드 수정이 생길 경우에도 버전이 계속 증가하며, Android와 IOS 번호가 같지 않을 수도 있다는 부분이며,

 

코드상에서 호출할 경우

장점으로는 Android와 IOS 번호가 동일하게 보여줄 수 있지만,

단점이 업데이트 할때마다 까먹지 않고 직접 수정을 해줘야 한다는 부분이지 않을까 싶네요.

 

위 내용은 어디까지나 제 생각이며, 다른 분들은 어떻게 생각하실지 모르겠습니다.

 

우선 라이브러리 관련하여 말씀드리면,

import DeviceInfo from 'react-native-device-info';

react-native-device-info 라는 라이브러를 yarn or npm를 사용하여 설치를 해줍니다.

 

그럼 DeviceInfo라는 변수안에 다양한 데이터를 가져올 수 있으며, 해당 데이터를 통해 앱 버전과 빌드번호를 가져올 수 있죠.

 

// 앱 버전 정보 가져오기
const appVersion = DeviceInfo.getVersion();
console.log('App Version:', appVersion);

// 빌드 번호 가져오기
const buildNumber = DeviceInfo.getBuildNumber();
console.log('Build Number:', buildNumber);

 

코드상에서 호출 할 경우

최상위 폴더에 존재하는 package.json 파일안에 존재하는 version 변수값을 가져와 호출합니다.

 

padckage.json 파일을 열어보시면

 

version 변수에 원하시는 버전 번호로 변경 한 뒤

호출 해야하는 파일로 가셔서 호출을 해주시면 됩니다.

 

// package.json 파일주소 가져오기
const packageJson = require('../../package.json');
// package.json 파일안에 version 값을 가져 온 뒤 변수에 담아준다.
const appVersion = packageJson.version;
console.log('appVersion', appVersion);

 

정말 간단하죠???

 

저걸 보셨을 때 분명 의문을 가지시는 분들도 계실꺼라 생각합니다.

그저 해당 파일에 변수를 호출하는 것이며, 사실상 내가 임의로 생성한 변수에 값을 넣어서 보여줘도 되는게 아닌가???

 

저 또한 해당 내용에 대해 그렇게 생각하고 있기 때문에 라이브러리를 사용합니다만,

개발이란 개발자마다 작성방법이 다르다고 생각하기 때문에

 

각자 개성에 맞으며 본인이 편하신 방법을 사용하시는걸 추천드리겠습니다. ^^

반응형