[React] 클래스형 컴포넌트

1. 클래스형 컴포넌트

react 컴포넌트 선언하는 두가지 방식 중 하나.

현재 자주 사용하지 않지만, 사용하는 기업들이 있으므로 그 프로젝트의 유지보수를 위해서는 클래스형 컴포넌트에 대한 개념은 알고 있어야한다.

 

componentDidMount()

마운트된 직후, 즉 트리에 삽입된 직후 호출된다. 

 

import React from 'react';
import Header from '../layout/Header';
import Footer from '../layout/Footer';

class Main extends React.Component{
    state = {};

    componentDidMount(){

    }
    render(){
        return(
            <div id="wrap">
                <Header />
                <main id="main">
                    <section id="mainCont">
                        <div className="main__cont">
                            <div>We Provide</div>
                            <div>visual coding</div>
                            <div>solutions</div>
                            <div>for you webs</div>
                        </div>
                    </section>
                </main>
                <Footer/>
            </div>
        )
    }
}

export default Main;