TIL_[React] React / JSX

dev_hyemi·7일 전
0

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'));

0개의 댓글