4.2.1 컴포넌트 생성 및 불러오기

4.2.1.1 컴포넌트 생성

실습을 시작하기에 앞서 새 컴포넌트를 만들어 보겠습니다. src 디렉터리 내부에 EventPractice.js 파일을 만드세요. 만든 후에는 컴포넌트 초기 코드를 작성하세요.

먼저 클래스형 컴포넌트로 작성하여 기능을 구현해 보겠습니다. 물론 나중에 함수형 컴포넌트로도 구현해 볼 것입니다.

EventPractice.js

import React, { Component } from 'react';
 
class EventPractice extends Component {
  render() {
    return (
      <div>
        <h1>이벤트 연습</h1>
      </div>
    );
  }
}
 
export default EventPractice;

---