code sandbox manual - 코드샌드박스로 리액트 프로젝트 생성하기

code sandbox manual

---

 

https://codesandbox.io/

CodeSandbox: Instant Cloud Development Environments

 

쿠키 팝업은 리젝트올 해도 됩니다.

---

 

본인이 편리한 로그인 방법을 택하세요.

저는 깃허브 로그인 추천 합니다.

---

 

저 위에 크리에잇 버튼 탭 합니다.

---

 

리액트 탭 합니다.

타입스크립트 (TS) 금지 입니다.

---

 

비져빌러티는 나중에 변경 가능 합니다.

공개/비공개 취향에 따라 선택 하세요.

강사에게 코드 보내서 물어볼 부분이 있다면 공개로 해야 합니다.

---

 

첫 화면이 잘 보인다면 성공 입니다.

---

---

Default code check

---

코드샌드박스 디폴트 코드 체크 합니다.

---

import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

 

App.js

---

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";

import App from "./App";

const rootElement = document.getElementById("root");
const root = createRoot(rootElement);

root.render(
  <StrictMode>
    <App />
  </StrictMode>
);

 

index.js

---

.App {
  font-family: sans-serif;
  text-align: center;
}

 

styles.css

---

 

 

end.

 

codesandbox.zip

0.38MB