설치하기

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를 사용해 보고 싶다면, 이 HTML 페이지를 다운로드하고 에디터와 브라우저에서 열어보세요!

새로운 React 앱 만들기

새로운 React 앱을 만들고 싶다면, 새로운 React 앱 만들기에서 권장하는 프레임워크를 사용하여 만들 수 있습니다.

처음부터 React 앱 만들기

프레임워크가 프로젝트에 맞지 않거나, 자신만의 프레임워크를 구축하고 싶거나, React 앱의 기본을 배우고 싶다면 처음부터 React 앱 만들기에서 확인할 수 있습니다.

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

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

다음 단계

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