오랫동안 블로그를 쓰지 못했습니다.
Hello world Hello World
The smallest React example looks like this: 다음은 react의 가장 간단한 예입니다.

ReactDOM.render(
  
Hello, world!
,
  document.getElementById('root')
);

It displays a heading saying “Hello, world!” on the page. 이 코드는 한 페이지의 내용이'Hello World'라는 제목을 보여 준다.
Try it on CodePen 한번 해보세요.
Click the link above to open an online editor. Feel free to make some changes, and see how they affect the output. Most pages in this guide will have editable examples like this one. 위의 링크를 클릭하여 온라인 편집기를 열고 어떤 것들이 마음대로 바뀌는지 느끼고 출력에 어떻게 영향을 미치는지 보세요.이 강좌에는 많은 페이지에 이렇게 편집할 수 있는 예가 있다
이 자습서의 How to Read This Guide 읽기 방법
In this guide, we will examine the building blocks of React apps: elements and components. Once you master them, you can create complex apps from small reusable pieces. 이 강좌에서, 우리는react에 내장된 모듈, 요소, 구성 요소를 검사할 것이다.일단 그것들에 정통하면, 복용 가능한 부분을 이용하여 복잡한 앱을 창조할 수 있다
Tip This guide is designed for people who prefer learning concepts step by step. If you prefer to learn by doing, check out our practical tutorial. You might find this guide and the tutorial complementary to each other.
힌트 이것은 개념을 한 걸음 한 걸음 배우고 싶은 사람들에게 설계된 것이다. 만약에 당신이 어떻게 사용하는지 더 배우고 싶다면 우리의 실조 강좌를 보면 이 강좌와 저 강좌가 서로 보충된 것임을 발견할 수 있다.
This is the first chapter in a step-by-step guide about main React concepts. You can find a list of all its chapters in the navigation sidebar. If you’re reading this from a mobile device, you can access the navigation by pressing the button in the bottom right corner of your screen. 이것은 한걸음 한걸음 리얼리티 개념을 지도하는 첫 번째 장이다.너는 사이드바 위에서 매 장의 내비게이션을 찾을 수 있다.만약 모바일 기기에서 책을 읽는다면, 화면 오른쪽 아래에 있는 단추를 눌러서 내비게이션을 깨울 수 있다
Every chapter in this guide builds on the knowledge introduced in earlier chapters. You can learn most of React by reading the “Main Concepts” guide chapters in the order they appear in the sidebar. For example, “Introducing JSX” is the next chapter after this one. 이 강좌 안의 모든 장의 지식은 이전의 장과 절을 바탕으로 하고 사이드바에 있는 Main Concepts를 통해 react에 관한 대부분의 지식을 배울 수 있다.예를 들어, introducing JSX는 다음 장입니다.
Knowledge Level Assumptions 지식 수준 사전 요구 사항
React is a JavaScript library, and so we’ll assume you have a basic understanding of the JavaScript language. If you don’t feel very confident, we recommend going through a JavaScript tutorial to check your knowledge level and enable you to follow along this guide without getting lost. It might take you between 30 minutes and an hour, but as a result you won’t have to feel like you’re learning both React and JavaScript at the same time. react는 js 라이브러리입니다. 우리는 당신이 js 언어에 대해 어느 정도 기초적인 이해를 가지고 있다고 가정할 것입니다.만약 당신이 확실하지 않다면, 우리는 js지도를 통해 당신의 지식 수준을 검사하는 것을 권장합니다. 이 강좌를 혼자서 읽을 수 있는 능력은 30분에서 1시간이 걸릴 수 있지만, 좋은 점은 js와react를 동시에 공부한다고 생각하지 않는다는 것입니다.
Note This guide occasionally uses some of the newer JavaScript syntax in the examples. If you haven’t worked with JavaScript in the last few years, these three points should get you most of the way.
이 강좌의 예를 제시하면 간혹 새로운 js 문법을 사용할 수 있다. 만약에 지난 몇 년 동안 실제 업무에서 js를 사용하지 않았다면 이 세 가지는 대부분의 방식을 이해할 수 있을 것이다.
Let’s Get Started! 시작해보도록 하겠습니다.
Keep scrolling down, and you’ll find the link to the next chapter of this guide right before the website footer. 아래로 스크롤하면, 이 강좌의 다음 장의 링크가 페이지 맨 오른쪽에 있는 것을 발견할 수 있다