[React]Movie_app//1. 기본 문법

App.js

App에 담길 HTML들을 작성하는 곳

1. React, {Component} from 'react';

- 리액트를 사용하기 위해 쓰는 라이브러리 같은 것

5. class App extends Component{

}

-모든 리액트는 컴포넌트로 구성되는데, 그 컴포넌트를 만들기 위해 사용 되는 것

6. render()

-화면에 출력시키는 리액트 메소드

7.return()

App 컴포넌트를 불러오면 render될 html코드

8.<div className = "App>

기존의 HTML과 다르게 class대신 className으로 사용됨

15.export default App;

컴포넌트이자 객체인 App을 다른 js에서 사용하기 위해 export함

자 그럼 App은 어디서 불러와 지는가

index.html

최초에 <div id="root"></div>라는 앞으로 Component들이 담길 div태그를 생성한다,

index.js

그리고 그 태그들은 index.js에서

ReacDOM라는 돔 객체의 메소드인 render를 이용하여 출력한다

첫번째 값에는 컴포넌트를

두번째 값에는 위치(엘리먼트)를 입력한다.

########################################################################################################

그렇다면 컴포넌트는 타입이 무엇일까?

consloe.log(Movie />)한 결과

기본 타입은 객체로 친다.

하지만 추가적으로  Symbol이라는 타입이다.

props라는 속성을 추가할 수 있고, 

typeof(Moive)시 

Movie는 함수이다.