react-native 초기 코드 세팅 과정

1. react-native-cli로 tsx 세팅

npx react-native init app --template react-native-template-typescript

로 리액트 네이티브 설치 후

code app 로 코드 실행

npm start
npm run android
npm run ios

로 android, ios 각각 실행

App.tsx를

import React from 'react';
import { Text } from 'react-native';
export default function App(){
  const TextElement = React.createElement(Text, null, 'Hello Word!')
  return TextElement
}

로 바꿔서 실행하면 화면에 Hello World! 가 출력됨.

-> 타입스크립트가 너무 어려워서, js로 세팅을 시도했다.

2. react-native-cli로 js 세팅

구글링을 하면 엥간한 예시는 죄다 js를 쓰길래 그냥 다시 app을 만들었다 ^_^

npx react-native init app