안녕하세요.

리액트 문서 읽기 4번째 시간입니다.

그럼 시작 해보곘습니다.

출처: React

---

A Simple Component : 간단한 컴포넌트

React components implement a render() method that takes input data and returns what to display.

• 사이트 번역
  리액트 컴포넌트는 render()라는 메서드를 구현하는데, 이것은 데이터를 입력받아 화면에 표시할 내용을 반환하는 역할을 합니다.

• 번역기
  리액트 구성 요소는 입력 데이터를 가져와 표시할 내용을 반환하는 render()메서드를 구현합니다.

This example uses an XML-like syntax called JSX.

• 사이트 번역
  이 예제에서는 XML과 유사한 문법인 JSX를 사용합니다.

• 번역기
  이 예제에서는 JSX라는 XML과 유사한 구문을 사용합니다.

Input data that is passed into the component can be accessed by render() via this.props.

• 사이트 번역
  컴포넌트로 전달된 데이터는 render() 안에서 this.props를 통해 접근 할 수 있습니다.

• 번역기
  컴포넌트에 전달된 입력 데이터는 this.props를 통해 render()에서 액세스 할 수 있습니다.

JSX is optional and not required to use React.

• 사이트 번역
  리액트르르 사용하기 위해서 JSX가 꼭 필요한 것은 아닙니다.

• 번역기
  JSX는 선택 사항이며 리액트를 사용하는데 필수는 아닙니다.

Try the Babel REPL to see the raw JavaScript code produced by the JSX compilation step

• 사이트 번역
  JSX를 컴파일한 자바스크립트 코드를 확인하려면 Babel REPL을 이용해보세요.

• 번역기
  JSX 컴파일 단계에서 생성된 원시 자바스크립트 코드를 보려면 Babel REPL을 시도하십시오

---

모르는 뜻

• implement
  뜻 : 구현하다

• returns what to display
  뜻 : 표시할 내용을 반환합니다.

• via
  뜻 : ~통해

• optional
  뜻 : 선택 사항

• required
  뜻 : 필수의

• compilation
  뜻 : 편집, 컴파일

• XML-like
  뜻 : XML과 같은