이번 포스팅의 목표는 기본적으로 주어지는 템플릿의 react-native앱을 실행해보고 Hello react native라고 문자열을 쓴 뒤에 빌드해서 스토어에 검토요청을 받는 것까지다.
즉 구성은 아래와 같다.
1.expo설치
2.expo로 프로젝트 생성
3.코드 수정
4.빌드
5.스토어에 검토요청
expo를 쓰면 안드로이드 가상기기를 쓰지 않고 그냥 내 폰에 작업 중인 앱을 띄울 수 있다. 공식문서를 읽어 보니 개발 못하는 초보들은 expo쓰셈 이렇게 써져있다. 개발상에 불이익 보단 그냥 환경을 세팅하는데 도움을 주는 그런 툴인거 같다. 어짜피 expo를 js파일에서 임포트 할때도 react를 extends한다고 나와 있는 거 같기도 하고 그래서 expo를 쓸 생각이다.
1. expo 설치
가. pc
그냥 node.js 다운받아서 cmd창에
npm install -g expo-cli를 치면 된다. 그 뒤 유도하는 대로 하면 된다.
나. android
플레이 스토어에서 expo를 검색해서 다운받으면 된다. 끝이다.
2. expo로 프로젝트 생성
cmd에서 프로젝트를 생성할 디렉터리로 이동 후에
[expo init 프로젝트 명]치면 그냥 지가알아서 템플릿 다 짜놓은 프로젝트를 생성해 준다.
이제 vscode로 프로젝트를 연 다음에 터미널에다가
npx expo start이거 치면 된다. 그럼 큐알코드랑 뭐 잔뜩 주는데
깔아 둔 어플 켜서 그 큐알코드로 접속하면 된다. 근데 잘안되면 그냥 손으로 주소쳐서 들어가도 된다.
그래도 잘 안된다. 그럼 r 누르고 하다보면 연결된다 그것도 안된다싶으면 방화벽켜서 포트열어 두면 된다.
3. 코드 수정
App.js 켜서 핸드폰에 보이는 글자랑 똑같은 글자 찾은다음에 그 부분만 Hello react native로 바꾼다
4. 배포
일단 개인정보처리방침에 대한 안내페이지를 만든다. 나는 블로그에 글로서 하나 박아 뒀다.
그 다음 playstore 개발자 콘솔에서 유도하는 대로 필요한 내용을 작성한 다음 검토를 기다리면 된다.
그러면
https://play.google.com/store/apps/details?id=com.okaneokane.ppp
해해해 - Google Play 앱
ㅈㄷㅁㄱㄴㄻㅇ
play.google.com
에서 처럼 플레이 스토어에 앱을 배포 할 수 있다.
설치해 보니 앱 목록에 잘 뜬다.
내가 입력한 문자열이 앱에 있다
이걸로 뭔가 할 수 있으면 좋을거 같다.