Web/🖥 React.js

React Native 챗봇 만들기 (윈도우)

키깡 2021. 4. 11.
728x90

expo cli 버전

  1. ubuntu 앱 사용
  2. apt install node
  3. node -v 했을때 node 버전 나오면 잘 설치 된 것
  4. apt install npm
  5. npm install -g expo-clivi /etc/apt/sources.list
    편집기 열리면 내용 다 지우고
  6. deb [http://archive.ubuntu.com/ubuntu](http://archive.ubuntu.com/ubuntu) bionic main restricted universe multiverse deb [http://archive.ubuntu.com/ubuntu](http://archive.ubuntu.com/ubuntu) bionic-security main restriceted universe multiverse deb [http://archive.ubuntu.com/ubuntu](http://archive.ubuntu.com/ubuntu) bionic-updates main restriceted universe multiverse
  7. ✔npm 설치 때 Unable to locate package update

붙여넣기 해주면 됨

  1. 원하는 폴더로 이동
  2. 원하는 폴더에서
    expo init expoTest

blank 누르면 빈 템플릿에서 만드는것

  1. expoTest 폴더에 기본적인 것들이 생성된 것을 확인 가능
  2. npm start 누르면 창 열림
  3. 안드로이드 스튜디오 다운로드
  4. sdk 설치 및 avd 매니저 설치 후, expo 브라우저에서 run on android device/emulator 누르면 안드로이드 avd 기기와 연결됨
  1. 안드로이드 스마트폰에서 expo 설치
  2. qr 코드 스캔
  3. 앱에서 연결

react native cli 버전

  1. cmd 관리자권한으로 실행
  2. 초코 설치
  3. @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
  4. choco -version했을 때 실행되면 잘 설치 된 것
  5. node js 설치
    choco install -y nodejs.install
  6. react native cli 설치
    npm install -g react-native-cli
  7. npm 명령어를 통해 버전 고정
    npm config set save-exact=true
  8. react-native 프로젝트 실행
    react-native init SampleApp
  9. 안드로이드 실행 (SampleApp 디렉토리에서 실행)
    $cd SampleApp
    $npm run android

이 그림 나오면 성공

댓글