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;

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.