본문 바로가기

Programming/Tip&Informaion

docker container에서 react-native 실행하기 (안드로이드)

container에서만 살기를 진행 중에 react-native를 실행하고 싶어졌다.

docker나 react-native나 둘 다 막 걸음마를 하려고 하는 나에겐 쉽지 않았다.

(그냥 이미 만들어진 이미지를 찾으면 되지 않았니?)


우선 우분투 18.04 에서 docker를 설치하였다.

  1. sudo apt update
  2. sudo apt install apt-transport-https ca-certificates curl software-properties-common
  3. curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
  4. sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu bionic stable"
  5. sudo apt update
  6. apt-cache policy docker-ce

출처: https://blog.cosmosfarm.com/archives/248/%EC%9A%B0%EB%B6%84%ED%88%AC-18-04-%EB%8F%84%EC%BB%A4-docker-%EC%84%A4%EC%B9%98-%EB%B0%A9%EB%B2%95/


윈도우든 맥이든 다른 리눅스든 docker 설치는 하라는 대로만 하면 될테니 어렵지 않을 것이다.


도커 설치 후, 리눅스 초보인 나는 우분투를 쓰니깐 컨테이너도 우분투 기반으로 하겠다.


1. 우선, ubuntu 이미지를 받는다.

sudo docker pull ubuntu


sudo docker images 에서 ubuntu가 나온다면 성공


2-1. 실행 sudo docker run -i -t --name test1 ubuntu bash
2-2 포트 설정 sudo docker run -i -t -p 19002:19002 --name test2 ubuntu bash
2-3 usb 인식 sudo docker run -i -t -p 19002:19002 --device /dev:/dev --name forRN ubuntu bash

3. 나와서 ip 확인
exit
sudo docker inspect forRN
IPAddress 저장

4. 재접속
sudo restart forRN
sudo attach forRN

5. curl 설치
apt-get update
apt-get install curl

6. jdk 설치
apt-get update
apt-get install openjdk-8-jdk

6-1. 설치 확인
java -v

7. git 설치
apt-get install git

8. node 
curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt install nodejs
8-1. 설치 확인
node -v
npm -v

이제 react-native를 설치한다.

https://facebook.github.io/react-native/docs/getting-started.html


공홈 참조


9. expo 설치

npm install -g expo-cli


10. 프로젝트 생성

expo init AwesomeProject


11. 컴퓨터에 스마트폰 usb 연결 후, usb 디버깅 켜기


12. 프로젝트 실행

cd AwesomeProject

npm start


13. 호스트에서 저장한 IP와 포트 (아마 19002) 접속

http://127.0.0.2:19002


14. 저는 잘 안 돼서 tunnel로 변경 후

andoroid 실행