본문 바로가기
Front_end/React

React) 리액트 컴포넌트

by nomfang 2021. 6. 29.
728x90
반응형

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

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

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

-> 컴포넌트

컴포넌트를 사용하면

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

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

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

react에서 사용하는 언어는 jsx

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

반응형

'Front_end > React' 카테고리의 다른 글

React) select, option로 셀렉트 메뉴 사용  (0) 2022.03.22
react) 리액트는 무얼 하고 왜 쓰는가  (0) 2021.07.23
React) react-dom, Babel, state  (0) 2021.06.30
React) props  (0) 2021.06.29
웹 프론트엔드 - React  (0) 2021.01.27

댓글