메타버스 프레임워크! Meta React & React Native

메타(페이스북)의 언어 세계

2021.10.15수정

Prologue

ReactJS(이하 React)는 Facebook(현 Meta)의 Jordan Walke에 의해 탄생된 JavaScript library framework 입니다.

React Native(이하 RN)는 React가 탄생한 2년 뒤인 2015년에 공식 발표되었습니다. 뼈대는 React이기 때문에 기본적으로 사용법은 React와 비슷하며 React에서 사용하는 NodeJS, Yarn 패키지들도 사용이 가능합니다.

Native 특성으로 인해 호환에 문제가 있어 RN 전용 패키지를 써야하는 상황이 꽤 발생함

RN은 Native 특성상, 웹에서 사용하는 태그 개념이 없습니다.

import React from 'react'
import { Text } from 'react-native'

const App = () => {
  return <Text>Hell oworld</Text>
}

export default App

Text는 RN의 Core Component 중 하나입니다. (Core Component: View, Text, Image, ScrollView, TextInput... etc.)

DOM 생성시 Virtual(가상) DOM을 통해 DOM을 조작합니다. (NextJS는 가상 DOM 아님)

import React from 'react'

const App = () => {
  return <span>Hell oworld</span>
}

export default App

일반적으로 쓰던 태그를 그대로 씁니다.

형태는 JavaScript XML 문법을 사용하고 있는 것을 알 수 있죠. (ECMAScript 확장)

존똑

다음에는 ReactJS와 ReactNative에서 스타일 작성하는 방법을 포스팅할게요!

FIN!