코드펜에서 React 사용하기

작성하는 이유라고하면, 코드펜에서 React를 사용하려다가 한참 헤맸기 때문

나는 일단 Add Packages 부분에서 React와 ReactDom을 추가 했다.

추가를 하면 아래 코드처럼 되었을텐데

import React from "https://esm.sh/react";
import ReactDOM from "https://esm.sh/react-dom";

이때 ReactDom의 from부분을 client를 경로를 추가해야 하고, 19버전 이므로, createRoot를 사용해야 한다.

import React from "https://esm.sh/react";
import ReactDOM from "https://esm.sh/react-dom/client";

function App() {
    return <div>Hello World</div>;
}

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<App />);