React) 리액트 컴포넌트

웹의 기능이 많아지고 점점 복잡해짐에 따라

html 또한 더욱 복잡해지고 있다

리액트를 사용하면 복잡한 코드를 사용자 정의 태그로 기능별로 묶어 사용 가능하다

-> 컴포넌트

컴포넌트를 사용하면

가독성과 재사용성이 높아져 유지보수에도 용이해진다

class App extends Component {
  render(){
    return (
      <div className="App">
        hello
      </div>
    );
  }
}

코드 안에 하나 이상의 html 태그가 있어야한다

react에서 사용하는 언어는 jsx

jsx로 작성된 코드를 react에서 javascript 코드로 컨버팅을 해준다