JSX

JSX란 : React에서 사용하는 전용 HTML로 JavaScript + XML을 합친 문법이다

웹브라우저는 HTML, CSS, JAVASCRIPT 만 읽을 수 있지 않은가??
그렇다 그래서 소스코드가 실행될 때는 JSX가 HTML로 자동으로 변환되어 실행되기 때문에 정상작동을 한다

• 코드가 간결하기 때문에 가독성이 높다
  JSX없이 자바스크립트를 사용해 HTML을 수정하려면 getElement 속성을 사용해서 값을 수정해야 했다 이러한 방식은 코드도 길어지고 읽기도 힘들다
  JSX를 사용하면 그러한 부분을 JSX가 자동으로 변환해주기 때문에 코드를 줄일수 있다

  function Welcome() {
    const name = "JSX"
    return <h1>Hello, {name}</h1>;
  }

• 주입 공격(injection attack)을 방지한다
  기본적으로 리액트의 DOM은 렌더링 되기 전에 모든값을 문자열로 변환 명시적으로 선언 되지 않은 값은 주입되지 않기때문에 XSS(cross-site-scripting)공격을 방지한다