목록Front-end/React-Native (3)
김현빈의 개발새발

모든 수정과 세팅을 마친 후 expo start 를 터미널에 입력하여 expo를 실행시켜준다. 그러면 이러한 화면이 뜨면서 QR 코드가 뜰텐데 https://expo.dev/ 에 접속하여 회원가입 후, 휴대폰의 앱스토어에서 expo go 어플을 다운받아준다. 이후 휴대폰 어플로도 로그인 후, 해당 QR코드를 읽게되면 이렇게 실행을 완료할 수 있다.

이제 vscode에서 수정해야 하는 코드와 설정하는 방법을 설명하겠다. 기본적으로 vscode를 설치한 폴더를 선택하여 실행하고 필수 pakage를 추가하고 나면 이러한 구성으로 되어있을것이다. 여기서 App.js 코드를 import { NavigationContainer } from '@react-navigation/native'; import MyTabs from './MyTabs'; export default function App() { return ( ); } 로 수정해준다. 그리고 MyTabs.js라는 파일을 만들고 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import React, { useState, ..

npm install -g expo-cli expo --version React expo란? Expo는 리액트 네이티브 애플리케이션을 더 쉽게 개발하고 빌드하고 배포할 수 있도록 도와주는 도구입니다. Expo는 리액트 네이티브의 기능을확장하고 여러 기능과 서비스를 제공하여 개발자가 앱 개발에 필요한 다양한 작업을 간소화합니다. Expo 설치 명령어 cmd를 실행하여 Expo 설치를 원하는 폴더에 들어가서 실행해야 함 npm install -g expo-cli 해당 명령어 입력 시, Expo가 설치되는 것을 확인할 수 있음. expo --version 해당 명령어 입력 시, Expo의 버전을 확인할 수 있음. 정상적으로 설치 된 것을 확인 한 후, expo init 앱이름 cd 앱이름 expo start ..