ReactJS 단계별 학습 2 - step.1 컴포넌트 (사용자 정의 태그)

1. 시험환경

- Visual Studio Code

- node v14.17.0

- npm 6.14.13

 

2. 목적

- 단계별 학습을 통해서 ReactJS 사용법을 익힌다.

- Class 기반으로 Component를 정의하고 사용하는 방법을 학습한다.

 

3. 적용

① App 클래스에서 HelloWorld, WorldList, Inform 클래스 (사용자 정의 태그)를 호출한다.

    - 컴포넌트를 마치 HTML 태그인 것처럼 호출할 수 있다.

App 클래스 정의

 

② HelloWorld, WorldList, Inform 클래스를 각각 정의 한다.

클래스 컴포넌트 정의

 

4. 결과

    - 컴포넌트(사용자 정의 태그)를 정의하고 사용하는 법을 익히고 결과를 확인한다.

실행 결과

 

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다.