TIL_[React] React / JSX

React 란?

JavaScript의 라이브러리

React 를 사용하는 이유

1. 빠르다.
   리액트로 만든 앱은 복잡한 업데이트를 처리 할 수 있다.
2. 모듈 (modular)
   재사용가능한 파일을 많이 작성할 수 있다. 재사용이 가능하기 때문에 유지 보수를 하는데에 용이하다.
3. 확장성 (scalable)
   많은 변화가 이루어지는 데이터를 표시하는데에 용이하다.
4. 유연성
   웹/앱을 가리지 않고 리액트를 사용하여 제작할 수 있을 정도로 유연함을 가지고 있다.

JSX

JavaScript 의 문법의 확장 (extension)

• JSX 컴파일 : JSX 를 Javascript로 변환하는 것
• jsx 요소는 변수에도 저장되고, 함수에도 전달되고, 객체, 배열에도 저장 할 수 있다.
• jsx 요소는 속성 (attribute) 를 가질 수 있다. HTML 문법과 유사하게 쓰인다.

    const Article = <a href="http://www.google.com></a>;

• JSX는 요소내에 요소를 중첩 할 수 있다.
  두 줄 이상을 중첩 시키는 경우에는 ( ) 로 묶어줘야한다.
• 렌더링이랑 화면에 표시되는 것
  ReactDOM.render( ) : 렌더링 해야 할 때 쓰이는 메소드

    ReactDOM.render(
    <h1>Hello World</h1>
    .document.getElementById('app'));