설치하기

React 시도하기

단순히 React를 사용해 보고 싶다면, 아무것도 설치할 필요 없습니다. 이 샌드박스를 통해 사용해 보세요!

function Greeting({ name }) {
  return <h1>Hello, {name}</h1>;
}

export default function App() {
  return <Greeting name="world" />
}

직접 편집하거나 오른쪽 상단의 “Fork” 버튼을 눌러 새 탭에서 열 수 있습니다.

React 문서의 대부분 페이지에는 이와 같은 샌드박스가 있습니다. React 문서 외에도 CodeSandbox, StackBlitz, CodePen. 등의 온라인 샌드박스에서 React를 지원합니다.

로컬 환경에서 React 시도하기

컴퓨터의 로컬 환경에서 React를 사용해 보고 싶다면, 이 HTML 페이지를 다운로드하고 에디터와 브라우저에서 열어보세요!

새로운 React 프로젝트 시작하기

React로 완전히 앱이나 웹사이트를 구축하고 싶다면, 새로운 React 프로젝트를 시작하세요.

기존 프로젝트에 React 추가하기

기존 앱이나 웹사이트에서 React를 적용하고 싶다면, 기존 프로젝트에 React를 추가하세요.

다음 단계

React 개념 중 가장 중요한 개념들을 살펴보기 위해 빠른 시작 가이드로 이동하세요.