React has been designed from the start for gradual adoption. You can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started. React는 처음부터 점진적으로 도입할 수 있도록 설계되었습니다. 필요한 만큼의 React를 사용할 수 있습니다. 이 섹션은 React를 맛보고 싶거나, HTML 페이지에 약간의 상호작용을 추가하거나, 복잡한 React 기반 앱을 시작하려는 경우 시작하는 데 도움이 될 것입니다.

Try ReactReact 사용해보기

You don’t need to install anything to play with React. Try editing this sandbox! React를 사용하기 위해 아무것도 설치할 필요가 없습니다. 이 샌드박스를 편집해 보세요!

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

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

You can edit it directly or open it in a new tab by pressing the “Fork” button in the upper right corner. 직접 편집하거나 오른쪽 상단 모서리에 있는 “포크” 버튼을 눌러 새 탭에서 열 수 있습니다.

Most pages in the React documentation contain sandboxes like this. Outside of the React documentation, there are many online sandboxes that support React: for example, CodeSandbox, StackBlitz, or CodePen. React 문서의 대부분의 페이지에는 이와 같은 샌드박스가 포함되어 있습니다. React 문서 외에도 React를 지원하는 온라인 샌드박스가 많이 있습니다. 예를 들어, CodeSandbox, StackBlitz, CodePen. 등이 있습니다.

Try React locally로컬로 React 사용해보기

To try React locally on your computer, download this HTML page. Open it in your editor and in your browser! 컴퓨터에서 로컬로 React를 사용해 보려면 이 HTML 페이지를 다운로드 하세요. 에디터와 브라우저에서 열어보세요!

Start a new React project새 프로젝트 시작하기

If you want to build an app or a website fully with React, start a new React project. React로 앱이나 웹사이트를 완전히 구축하려면 새 React 프로젝트를 시작하세요.

Add React to an existing project기존 프로젝트에 React 추가하기

If want to try using React in your existing app or a website, add React to an existing project. 기존 앱이나 웹사이트에서 React를 사용해보고 싶다면 기존 프로젝트에 React를 추가하세요.

Next steps다음 단계

Head to the Quick Start guide for a tour of the most important React concepts you will encounter every day. 빠른 시작 가이드를 통해 매일 접하게 될 가장 중요한 React 개념을 살펴보세요.