Page 30 -

2장에서는 여러 가지 방식의 HelloWorld 앱을 다뤘다. 그렇다고는 해도 여전히 지루하고 뻔해 보

이는 것이 사실이다. 시작은 미미하지만, 장차 더 어려운 주제를 다루기 위해 기초를 다지는 과정 2
이라고 생각하자. 컴포넌트 클래스를 이용하면 훨씬 더 대단한 것도 만들어낼 수 있다.

다음 장에서 살펴볼 JSX를 사용하려면 React 코드를 일반적인 자바스크립트로 작성하는 방법도 React 첫걸음
꼭 알아둬야 한다. 결과적으로 브라우저가 실행하는 것은 일반적인 자바스크립트이므로 JSX를 자
바스크립트로 변환하면 어떤 코드가 생성되는지 알고 있다면 가끔 도움이 될 수도 있다. 다음 장
에서 JSX에 대해서 자세히 살펴보자.

2.4 퀴즈 R E A C T

1. 다음 중 React 컴포넌트 클래스를 만드는 올바른 방법은 무엇인가?

createComponent()
createElement()
class NAME extends React.Component
class NAME extends React.Class

2. 다음 중 React 컴포넌트 클래스를 구현할 때 필수 사항은 무엇인가?

function
return
name
render
class

3. 컴포넌트 속성 중 url이 있다면 다음 중 어떤 방법으로 접근하는 것이 올바른 방법인가?

this.properties.url
this.data.url
this.props.url
url

4. React의 속성은 해당 컴포넌트의 문맥에서 변경할 수 없는 값이다. (○/×)
5. React 컴포넌트 클래스를 사용하면 재사용 가능한 UI를 생성할 수 있다. (○/×)

081

리액트 교과서(본문)최종.indd 81 2018-05-09 오전 12:32:56