리액트로 "Hello, World!"

#1. 리액트 네이티브 설치

npm install -g react-native-cli

 

#2. 프로젝트 생성

npx react-native init acfirst

 

#3. 안드로이드 앱 실행

cd MyTestApp
npx react-native run-android

 

#4. 소스 코드 편집

import React from 'react';
import { Text, View } from 'react-native';

const App = () => {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>Hello, world!</Text>
    </View>
  );
}

export default App;

 

"SDK location not found" 에러 시

android/ 디렉토리 아래에 local.properties 파일을 생성 후 

sdk.dir = /Users/[YOUR_USERNAME]/Library/Android/sdk
이 카테고리의 목록124개의 게시물
달리기가 답이다2024. 3. 31.
해상임무 계승반지 작업2024. 3. 18.
Container 컴포넌트의 좌우 패딩 값 없애기2024. 2. 29.
에어컨설치 서비스 메인페이지 히어로섹션 기획2024. 2. 29.
에어컨설치 서비스 메인페이지 기획2024. 2. 29.
MUI, 머티리얼유아이 설치하기2024. 2. 29.
글로벌 스타일 적용하기2024. 2. 29.
Next.js + Firebase 프로젝트 시작하기2024. 2. 29.
파비콘 favicon.ico 적용하기2024. 2. 29.
네이버 블로그 포스팅, 누락 안되게 하기2024. 2. 28.