JSX

jsx는 react에서 자바 스크립트와 html을 동시에 사용할 수 있도록 확장한 문법이다.

const element = React,createElement(
  'h1',
  {className:'greeting'},
   'hello,world'
)

const element =(
  <h1 className='greeting'>
    Hello, world!
  </h1>
)

위 코드에서 명확하게들어나는 차이점은 react create element함수를 통해서 위의 코드를 javascript 객체로 전환하는데 JSX코드를 사용하면 이를 자동으로 javascript객체로 전환한다.

또한 번수를 사용하기 위해서는 {}를 사용한다 이는 자동으로 javascript 의 변수를 사용할 수 있도록 만들어 준다.