React 실습#2

React 실습#2

import React from 'react';
import ReactDOM from 'react-dom/client';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

const starName = "손흥민 Son Heung-min";
const grade = " Premium";
const titlelabel = starName.toUpperCase()+ grade;

const picture = 'https://search.pstatic.net/common?type=a&size=120x150&quality=95&direct=true&src=http%3A%2F%2Fsstatic.naver.net%2Fpeople%2Fportrait%2F202002%2F20200218142933542.png';

function handleClick(){
  alert("곧 시작됩니다.")
}

root.render(
  <React.StrictMode>
      <h1 id="title">{titlelabel} 사주보기</h1>
      <img src={picture} alt="스타사진"/>
      <br/>
      <button onClick={handleClick}>확인</button>
  </React.StrictMode>
);