React Native 공부 4 - Learn the Basics

보다 자세한 설명은 React-Native홈페이지 가시면 잘 나와있습니다 

1. import, from, class, extends 와 같은 예약어들은 ES2015에서 사용하는 언어들이다.

1-1. ES2015(또는 ES6)은 official standard로 지정되었음에도 불구하고, 아직은 모든 브라우저에서 지원되지 않았는데, 이것은 JavaScript의 개선된 집합체(?)라고 생각하면 된다.

2. <View><Text>Hello world!</Text></View> 는 JSX라고 일컫는데, JavaScript내의 XML이 내재된 형태라고 보면 된다.

2-1. 많은 프레임워크들은 markup language 안에 코드를 내제할 수 있도록, 특별한 템플릿 언어들을 사용하는데 비해서, React는 반대로 적용된다.

2-2. JSX는 markup language를 코드 안에서 사용할 수 있도록 허락해준다.

2-3.<div> 또는 <span>과 같은 태그들을 사용하지 않고 React components들을 사용하는 것을 제외하면, HTML과 비슷하다.

3. Components

3-1. React Native app을 빌딩할 때, 많은 components들을 만들게 될 것이다.

3-2. screen에서 보이는 어떤 것이든 component가 될 수 있다.

3-3. component는 매우 간단하다 - 다만, component는 JSX가 보여줄 components를 전달하는 render function을 요구한다.

import React, { Component } from 'react';

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

export default class HelloWorldApp extends Component {

  render() {

    return (

      <View>

        <Text>Hello world!</Text>

      </View>

    );

  }

}