[ReactNative] JSX 문법

1. 리액트 네이티브에서 제공해주는 태그나 프로젝트 안에 있는 파일을 가져오려면 모듈 시스템 import/export로 가져와서 사용함.

2. 모든 엘리먼트는 감싸는 최상위 엘리먼트가 있어야 함.

프래그먼트라는 의미없는 엘리먼트 <></> 로 감싸서 렌더링 할 수도 있지만 지양하는 방식임.

//View 엘리먼트 밖에 StatusBar가 나와 있으므로 엘리먼트 전체를 감싸는 엘리먼트가 없어서 오류가 남
return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
    </View>
    <StatusBar style="auto" />
  );

3. JSX 문법 밖에서의 주석과 안에서의 주석

return (
    //JSX 밖에서의 주석
    <View style={styles.container}>
	{/*
	   JSX 문법 안에서의 주석
	*/}
      <Text>Open up App.js to start working on your app!</Text>
      <StatusBar style="auto" />
    </View>
  );

4. return은 소괄호

5. JSX 문법 안에서 자바스크립트 문법을 사용하려면 중괄호{}를 사용함.