jsx 사용하기

jsx: React 컴포넌트에서 사용되는 문법
js파일에서 HTML 태그를 작성할 수 있었던 건 jsx 문법을 사용하기에 가능하다.

jsx 문법의 대표적인 특징은 javascript 문법을 태그들 사이에 사용할 수 있다는 것
{} 사이에 작성하면 된다.

function App() {
  const text = "안녕 난 지우";
  const f = function () {
    return <h3>함수지롱</h3>;
  };

  return (
    <div>
      {text}
      {f()}
      <div
        onClick={function () {
          alert("cliiiick!");
        }}
      >
        <h3>클릭해보세요</h3>
      </div>
    </div>
  );
}