JavaScript 코드 실행

중괄호 안에서는 변수와 상수를 삽입할 수 있을 뿐만 아니라, 임의의 JavaScript 코드를 실행할 수도 있습니다. 예를 들어, 삽입 시점에 두 상수의 합을 구해 봅시다:

jsxfunction App() {
  const num1 = 1;
  const num2 = 2;
  
  return <div>
    {num1 + num2}
  </div>;
}

Задание 1

다음 코드를 렌더링한 결과로 어떤 HTML이 나올까요:

jsxfunction App() {
  const num1 = 3;
  const num2 = 2;
  
  return <div>
    result: {num1 ** num2}
  </div>;
}

Задание 2

다음 코드를 렌더링한 결과로 어떤 HTML이 나올까요:

jsxfunction App() {
  const name = 'john';
  const surname = 'smit';
  
  return <div>
    result: {name + ' ' + surname}
  </div>;
}

Задание 3

다음 코드를 렌더링한 결과로 어떤 HTML이 나올까요:

jsxfunction App() {
  const num = 4;
  
  return <div>
    result: {Math.sqrt(num)}
  </div>;
}