https://reactjs.org/docs/hello-world.html - 번역 글

가장 작은 React의 예제는 다음과 같습니다.

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

페이지에 "Hello, world!"라는 문자열을 표시합니다.

CodePen

위의 링크를 클릭하여 온라인 편집기를 엽니다. 자유롭게 변경하고 어떻게 변경되는지 확인하세요. 이 가이드 페이지에는 위와 같이 편집 가능한 예제를 제공합니다.


How to Read This Guide

이 가이드에서는 React apps의 구성요소를 살펴 봅니다. 가이드의 내용을 마스터한다면 재사용이 가능한 작은 조각으로 복잡한 앱을 만들 수 있습니다.


이 가이드는 학습 개념을 단계적으로 선호하는 사람들을 대상*으로합니다 . 실습위주로 배우길 원한다면 실습 안내서를 확인하십시오 . 이 가이드와 튜토리얼이 서로 보완적인 것을 알 수 있습니다.

React 개념에 대한 단계별 가이드의 첫 번째 장입니다. 탐색 사이드 바에서 모든 챕터의 목록을 확인 할 수 있습니다. 모바일에서는 화면 오른쪽 하단에있는 버튼을 눌러 네비게이션을 확인할 수 있습니다.

이 안내서의 모든 장은 이전 장에서 소개 된 지식을 토대로 작성되었습니다. React의 전반적인 부분을 배우길 원한다면 "Main Concepts" 가이드 챕터를 사이드 바에 나타나는 순서대로 읽으세요. 예를 들어, "Introducing JSX"는 다음 챕터 입니다.


Knowledge Level Assumptions

React는 JavaScript 라이브러리이므로 JavaScript 언어에 대한 기본 지식이 있다고 가정합니다. 자신감이 부족한 경우 JavaScript tutorial을 통해 지식 수준을 확인 하고 가이드를 따르는 것이 좋습니다.(30 분에서 1시간 소요)결과적으로 React와 JavaScript를 동시에 배우는 것처럼 느끼지 않아도됩니다.

노트
이 가이드에서는 예에서 일부 최신 자바 스크립트 구문을 사용합니다. 최신의 JavaScript로 작업하지 않았다면 세 가지 사항을 통해 많은 것을 얻을 수 있습니다.


Let’s Get Started!

아래로 계속 스크롤 하면 웹 사이트 바닥 글 바로 앞에 다음 장 링크가 있습니다.